Features to add

[lukapiskorec]

• [x] Fixed shadows - Elements are not moving, so we can have a static shadow map in highest resolution possible (no tilting pixel translation artefacts). @lukapiskorec so the light source is static?
• [x] Change from PointLight to DirectionalLight - Currently, the angle of light is different for different areas of the grid. This is solved with directional (parallel) light.
• [x] Color change of elements - Implemented like a shimmering of a water surface or an array of neon lamps being switched on. Simple cycling through the color palette - wrapped index shifting. Every color has its own instanced mesh with elements for that color inside it (they are stored inside imeshes_object, with color as the key and imesh as the value) and this is probably ok because this means all elements that need to change to a certain color are inside the same mesh. Except, this color change process should not be instantaneous but stochastic.
• [x] Rotation of the stars, stardust and the moon - Stars are slowly rotating around the screen center (0,0,0). The moon has it's own circular path that is different (maybe).
• [x] Add explosion of the grid (Luka) - We have to see if certain grids are exploded, or do we "switch on" the exploded state with a key so the collector can toggle between states at wish.
• [x] Generative loading screen animation - Add a separate canvas on the loading screen where a custom loading animation would be displayed. Vanilla canvas is ok. Here is the example in p5js. This canvas needs to be placed around here.

APRIL

• [x] Spatial color transition - Make color change happen in "bands" left to right. Each band has the same color change rule as what we had before, but they are activated with a slight time delay. This produces an effect of a wave. 933ad86
• [x] Toggle explosion - Button call to trigger explosion without storing a gif. Animation or not? Triggered with a click / tap or not? Random position or clicked position? Separate control with a key press to jump to specific stages? URL parameter to jump to a specific stage of the explosion? On click, set center of explosion to the click point, reset explosion, start animation of explosion.
• [x] GIF export with explosion - Export N frames (N is an URL parameter, default 10) with stages of explosion into a gif animation. Last state is preserved at the end of the export (no cyclical reset needed). GIF also triggers the explosion sequence.
• [ ] Time counter in the console - Counting time from the start of the simulation. Use case: so we can export a frame with specific color change (collector chooses a frame number and we can then print it).
• [x] URL params - 1. stage of explosion 2. stage of color palette change 3. number of frames for the gif
• [x] Remove rotation of the stars (leave the rotation of the moon)

BEFORE RELEASE

• [x] Update fxhash code snippet in index.html (newest one is in the docs).
• [x] Implement triptych - We already have PRNG seed for the coordinates of the noise. Add another param which simply adds an x-offset to the noise, either by selecting # 1,2,3 or A,B,C or something similar. The minter would mint three separate pieces with exact (or even slightly different) params and the same overall seed but with a different triptych number to get matching pieces.
• [x] Implement WYSIWYG (what you see is what you get) by having PRNG seed as a param.

[BarusXXX]

Fixed Shadows,

The issue directional light that casts a directionalLightShadow object was not working is that there was the default frustrum set. it is important to declare the bounds of the frustrum as I did here.

To enable disable the shadow/lighting helper object just comment out this section.

Also now the light animation is disabled, if we commit to this I will remove it completely. Feel free to raise the shadow quality as high as you wish as it should be only be calculated once at the moment.

I tried with 8192x8192, shadows look very crisp;

[BarusXXX]

@lukapiskorec

Why is the color property a iMesh Instance?

https://github.com/protocell-labs/collection5/blob/073e301eaca54e428a127a0390cf973b34fbd9a3/main.js#L723

[BarusXXX]

//IMPORTANT NOTE;

• [ ] Define default shadow map resolution and update the url params logic

[BarusXXX]

@lukapiskorec: The explosion animation requires rework of many parts, since we need to store the explosion matrix translations when the user clicks and change everything to work with this structure: Initial Positions + Explosion matrix translations*Time This would allow us to change time to animate, and Explosion matrix translations when the user clicks a new focus point.

I also noticed that you are storing data in this structure, I need to check with you why this was necessary so that I do not break existing functionality:

        var dense_matter_element = {exists: element_exists,
                                    position: element_position,
                                    grid_pos: element_grid_position,
                                    color: element_color,
                                    smooth: element_smooth,
                                    imesh_idx: imesh_idx};
        dense_matter_object[element_grid_position_str] = dense_matter_element;

Are these all the elements or a selected few that will explode?