martin-pitt / dsp-prod-ratios Goto Github PK

Should be possible to create a permalink / social share for the calculator, as well as other pages.

I could probably dump the entire state into the permalink for the easiest implementation.

However, there are some concerns, accessing a permalink must not mess up the users' saved preferences and tech progress in the app.

Perhaps opening a permalink would be stored temporarily into sessionStorage instead, and should be mentioned somewhere in a banner as using someone else's settings?

I'm not sure what to do with the fractionation.

What are the exact or estimate throughputs per minute here? Doesn't it depend on not just belts but also use of proliferators, pilers and how well the loop is setup?

Probably ought to remove the ratio as it is unclear and not helpful.

If you select a recipe, preferred building or preferred recipe and then change the research progress where that is not available anymore, it is still selected.

Let me know if you would like to use native scrolling on the Research tree, or if you would want to be able to zoom and/or drag the window around, like you are moving on google maps or like in the game (the game has very awkward zooming imho though).

I think it's fine on mobile for now, but I can see wanting to pinch zoom out to see more all at once and making the dragging more smoothly along the diagonal, since native mobile scrolling tends to prefer locking you in one axis.

On windows it's probably awkward if you aren't familiar with horizontal scrolling, like using the middle mouse click scroll widget.

I have been wanting to add quick reference sheets to the app.

By quick reference sheets, I mean like the ones created by Reddit user u/oldshavingfoam:

• https://dsp-wiki.com/File:Recipe_Quick_Reference.jpg
• https://dsp-wiki.com/File:Building_Quick_Reference.jpg

The benefit is that with the app I can generate all of these from game data that the calculator uses.

I can also experiment with designs and interactions.

For an interaction example: If you selected an item recipe and being able to see other recipes that depend on the item that is produced. This can be often very useful, as often during gameplay you may have an over supply of products and would like see what can be made with it.

I need to have sections on:

• Assembler
• Smelter
• Chemical Plant
• Oil Refinery
• Miniature Particle Collider
• Matrix Lab

Ideas:

• More readable, compact and/or dense visual design options
• Be able to render out an image-based version or save to print with print stylesheet
• Click on an recipe row to dive into where it is used, within inputs and outputs idea inspired from Reddit user /u/Codnono
• Might be good to have a pleasant background visual

Additionally, I would like to experiment with many other types of reference sheets.

• Like a tech progress sheet by science matrixes:
  • https://steamcommunity.com/sharedfiles/filedetails/?id=2717286314
  • https://cdn.discordapp.com/attachments/750554079037620245/1133898282897244170/image.png
  • https://cdn.discordapp.com/attachments/750554079037620245/1133898283136340090/image.png
• List of all raw resources/materials that can be mined/gathered
  • Which can be used to figure out what the lowest point of the supply chain is.
• Proliferator bonuses
  • Cheat sheet of bonuses, basically what's on DSP Wiki
  • Additional context might be handy as not obvious, e.g. how much power that juiced antimatter would produce on an artificial star and the rate of consumption would be great things to know
• Certain item properties
  • Maybe all fuel types accepted by a thermal gen?
  • List of electricity production buildings in order?
• Vein Utilisation? Logistics Carrier Engine? Simple bullet points of key points and a graph visual would do. See Dyson Sphere Program Helper for maths.
• What other things did you need to know, compare or figure out while you were playing DSP? Each reference sheet is goal oriented, you needed to know something specifically at that point. DSP Ratios is meant to be a productivity tool for you. I don't want to set out to make things easy or take the fun away, but give you the tools and information to go to greater lengths.

Reddit user /u/clayafterdark made a bunch of neat diagrams which could be worth adding:

• Electromagnetic Turbine
• Structure Matrix
• Energy Matrix
• Electromagnetic Matrix v0
• Processor
• Electromagnetic Matrix v1
• Electromagnetic Matrix v2
• Energy Matrix
• Energy Matrix with Gas Giant Mining
• PLS Drone Throughput

Having the ability to select multiple products would be very useful. For example, selecting blue, red, and yellow matrix cubes, and then it would show the combined steps

Need to add a toggle for expanding/collapsing the view. What would be a good UI implementation for this? Perhaps a +/- on top left of the table. A expand/collapse icon from The Noun Project seems would be a good base.

Would be neat to have some compatibility to FactorioLab. One of the things I could do is allow users to export the selection on the Research page from the tech IDs into the FL strings, so that they can be imported into the 'All technologies researched' setting.
Second might be being able to open FactorioLab with the currently selected recipe calculation? This should be theoretically possible by generating the share URL with the parameters. Bonus points if I can fully recreate it with the proliferator mix too.

• Export current Research page into comma-separated list of technology ID strings in FactorioLab format
• Ability to open up the same calculation in FactorioLab via the URL permalinks

It turns out proliferator mixes may be a lot more complex.

That I can't apply proliferator presets per recipe necessarily — some setups may actually have solutions for different setups for the recipe's chain.

So, bruteforcing for the entire recipe chain basically.

Additionally I would like to generate proliferator mixes by code, this is so that new recipes can be handled automatically and also because most mixes aren't complete, particularly they do not cover buildings at all.

There are also additional mixes I would like to create, particularly:

• Optimise Facilities
  • Effectively optimise the total amount of assemblers, smelters, etc.
• Optimise Facilties + Sorters
  • We can make an assumption that each item and result would require one sorter each to add to the total buildings count. A few recipes are actually affected by this.
• Optimise Facility Footprint
  • We can assume that some facilities occupy a certain footprint, minimally at least the size of the building itself on the grid. Some proliferator mixes may be more optimally leaning towards smaller smelters compared to the large assemblers

Would be nice to have a Totals count at the bottom of the calculator that collects and totals the throughputs of all similar materials.

For example, the Logistics Vessel is a moderately complex item to make. It requires Iron Ore for seven different sub-components for a total of 22.5 Iron Ore per second (this is with the settings I currently have, in this instance.)

I'd like a readout at the bottom that would say in my case:

Iron Ore: 22.5/s
Copper Ore: 6.25/s
Crude Oil: 3.75/s
...
...
Iron Ingot: 17.5/s
Copper Ingot: 6.25/s
...
...
Titanium Alloy: 2.5/s
...

All that really needs to happen is add and total the Throughput column that's already there into the bottom. Hell, just a button that would copy the readout to the clipboard would do me wonders and wouldn't mess with the ui too much. This would help a lot!

There's a playstyle where you build factory setups with only raw inputs. Another term for it is blackbox, which you can often find blueprints for: https://www.dysonsphereblueprints.com/blueprints?search=blackbox

Some tweaks need to be done to the calculator to allow for this playstyle, such as for example being able to show number of facilities per item rather than a nested view; this ties into #10.

Selecting the alternative recipe Casimir Crystal (Advanced) causes the app to crash, need to investigate cause

When a recipe has an ingredient whose number of required buildings has a repeating number, the font for the decimal is different. An example is EM-rail ejectors set to make 10 per min with MK II assemblers

This is part of one of the end goals of this calculator, with a fully data driven backend, it should be theoretically possible to support mods that affect those core game data structures.

I'm not sure how this should work and what mod support people want to see.

I think one that stood out to me perhaps would be https://github.com/Awbugl/ProjectGenesis

If there is a copy of a recipe sharing with another one due to ingredient results then combine together into the larger one.

Via the Preferred/Alternate Recipes dropdown it should also affect the currently selected recipe, for example when having selected Space Warpers but wanting to switch to the advanced recipe.

It is worth trying out different ways of rendering the calculator output.

Factoriolab for example has List, Flow and Data views. The Flow is neat but well, an unreadable mess to be honest, might be worth implementing anyway and trying out different options, such as a more regular structured grid, tree, row or columnar flow layouts. Would be neat to try a Sankey Flow diagram.

DSP Ratios has something like a List view currently, although it doesn't feature the dotted lines. I did experiment with it early on, but might be worth bringing back as an alternative.

Work:

• Implement new architecture to separate out calculation phases out
  • SolverTree — Initial phase, create a tree graph of recipe with full possible production chain from unlocked recipes
  • RecipeTree — Filtered down SolverTree which picks from user preferred alternative recipes
  • CalcTree — Final step to create a usable tree graph for rendering visually. This phase calculates throughput w/ proliferation
• Views — How to render the calculator, a simple compact segmented control to select the view
• Density — How dense the UI should be, dense/compact/cosy. Like dark mode, instead of tweaking numbers, take into account the desired user experience. Give each view a different way of handling this.
• Implement rendering views
  • Nested List (as current or improved)
  • Blueprint (per /u/clayafterdark 1, 2, 3)
  • Sankey Flow (like yesterdaysun/dsp-calculator)
  • Tree, aligned to columns (per luwake/dyson)
  • Quantisation table, per row interactivity (per svlik's dsq)
  • Balance sheet (per migiyubi's DSP Balance)
  • Force directed graph (per lascyb's Circuit Diagram Generator)

Inspirations:

• Factoriolab's flow layout: https://factoriolab.github.io/flow?p=structure-matrix*1&s=dsp&v=9
• Nice structured tree visual: https://github.com/luwake/dyson
• Amazing sankey flow implementation: https://yesterdaysun.gitee.io/dsp-calculator/#items=structure_matrix:f:1
• Similar to factoriolab: https://dyson-calculator.com/en/production-planner/index/index/json/%7B%22C_Matrix%22%3A%221%22%7D
• svlik's table/list view: https://www.svlik.com/t/dsq/
  • It is not much visually, but I think it is very interesting because of the dense amount of interactions and information possible per row
• migiyubi's balance table: https://migiyubi.github.io/dsp-balance/
  • Very neat and simple table for late game / high end production chains that focuses more towards aspect of huge amounts per minute. This is the phase were people might be just throwing down large blueprint modules, pizza slices or even of entire planets.
• Printable recipe sheets: https://dyson-sphere-planner.com/
  • I quite like the pleasant layout/design of these
• eurydia's dsp calculator: https://eurydia.github.io/dsp-calculator/
  • Specifically, I would like to render arrays of facilities needed visually
• lascyb's Circuit Diagram Generator: http://games.bxbon.com/index/dyson_sphere/production
  • Aahh, a classic force direct graph, probably with D3. I like the tooltips as well. Yeah, I think this is cute and readable, although the zooming too extreme. Maybe some force directions to lineup/structure the graph.
• https://www.dysonsphereblueprints.com
  • There are some nice layout and designs on this site.
  • Speaking of blueprints, might be possible to generate basic blueprint layouts from the calculator as a rendering option. Like simple factory arrays generated by the calculator?
• Minimalist visual blueprints by Reddit user /u/clayafterdark has been making these neat diagrams in Figma on a 64x64 grid:
  • Electromagnetic Turbine
  • Structure Matrix
  • Energy Matrix
  • Electromagnetic Matrix v0
  • Processor
  • Electromagnetic Matrix v1
  • Electromagnetic Matrix v2
  • Energy Matrix
  • Energy Matrix with Gas Giant Mining
  • PLS Drone Throughput
  • I could try to figure out how to render these out myself and/or pop them into the quick reference sheets. The linework is very pleasant and easy to read. The minimalistic nature lends itself very well to comprehend complex factory layouts down to the core essentials. I think not having numbers involved but only the core essentials of the recipe flow but also minding factory arrays works together well on how things need to split and flow in terms of logistics/belts.