Solidify the App

[sholloway]

The road to completion.

Bugs

• [X] Full Screen Mode in Safari
• [x] The grid is the wrong color the first time it's turned on.
• [x] Changing the Cell Size in drawing mode doesn't take effect until the sim starts.
• [X] Profile running the sim with rectangles vs circles. I suspect rects are faster in bulk.
• [X] Possibly remove the coloring of cells to speed it up.
• [x] The grid is skewed for some aspect ratios. Sometimes there is an empty row. It would be better to have overflowing cells.
• [x] Move the templates into the drawing worker.
• [x] Can break the app by setting no value for the cell size. Should constrain to integers in the set [5,?].
• [x] Remove the fields Age, Width, Height, State from Cell. This should reduce the Heap and serialization time for large sets.
• [x] When in drawing mode, if the drawing hasn't changed, don't request cells and don't redraw.
• [x] Migrate all SEND_CELLS calls to transferable array buffers. Do this for the drawing and life sim. Both directions. This might help remove the initial white screen when initializing from a large scene.
• [x] Remove the sorting step on LifeSystemWorkerController.processScene.
• [x] Redraw the canvas when in drawing mode if the user toggles the tree checkbox.
• [ ] GenerationalCellEvaluator Is yucky.
• [ ] Double Buffer the Life Sim
• [ ] Rolling the dice should be statistically correct.
  • Distribution of rolling a die
  • Soup Searching
  • How to control the density?
• [ ] The DOM element count starts at ~1k and grows when the context menu is created. What is going on? How does LitElement handle adding and removing from the DOM? I expect the DOM count to be a few hundred.
• [ ] Optimize the drawing. The app hangs on large monitors or if the cell size gets too small on small monitors.
  • http://www.webdevelopmenthelp.net/2017/06/tips-to-optimize-the-performance-of-html5-canvas.html
  • https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Optimizing_canvas
  • https://code.tutsplus.com/tutorials/html5-canvas-optimization-a-practical-example--active-11893
  • Optimize Worker messaging. Transferable Object.
  • https://developers.google.com/web/updates/2018/08/offscreen-canvas
• The drawing renderer should progressively render when building large templates.

Context Menu

• [x] Start/Stop Toggle
• [x] Populate with Random
• Display/Hide Grid Toggle
• Display/Hide Tree Toggle

Merge the Seeder with the Templates

• [X] Change the random seeder to not randomly select 1 or 0 but rather be a dice roll for the number of neighbors. It should follow the born rules to decide if the cell is alive or not.
• [x] Make the seed generation display before starting the simulation.
• [x] Remove the noise libraries. They don't add much.
• [x] The screen flashes to white when rendering a large drawing. This is due to the drawing working being cleared, then the seeder set, then the time to start the sim. The seeder should just go away, the Life Sim's cells should be set and the sim started. I want the first sim tick to have the same cells as the drawing.
• [ ] Look at getting rid of nanoid.

Templates

• [ ] Maze Generation Algoritms
  • https://en.wikipedia.org/wiki/Loop-erased_random_walk
  • https://bl.ocks.org/mbostock/11357811
  • http://www.astrolog.org/labyrnth/daedalus.htm
  • http://weblog.jamisbuck.org/2011/1/20/maze-generation-wilson-s-algorithm
  • http://weblog.jamisbuck.org/2011/2/7/maze-generation-algorithm-recap.html

GUI

• [x] Remove the Topology combo box.
• [x] Remove the Preset Combo Box.
• [x] Port the UI (especially the context menu) to Web Components or React
• [x] Migrate the the UI.html template to be a web component.
• [ ] The start button/context menu item should be disabled if there are no cells staged.
• [ ] The templates should not be visible in the context menu when the simulation is running.
• [ ] Add a CSS spinner/Progress bar for generating seeder and templates.
• [ ] Add page level error handling.
  • Every cmd in a try/catch
  • A way to display errors to the user.
  • Still want trace info going to the console.

Project Health

• [ ] Entire code base is over 90% test coverage
• [ ] Search and resolve all NOTE, TODO, and BUG comments.
• [ ] Organize the JSDoc modules.
• [ ] Add markdown to prettier.
• [ ] Remove unused code.