Living Grid

This is a generative art / animation project. The project is open source, so feel free to use it for whatever you wish.

There are a few hotkeys which can speed up using the tool:

• Press "r" to randomize the animation inputs (speed, grid size, color palette). Try this a few times until you find something interesting, then you can fine-tune from there
• Press "s" to save a screenshot of the current state of the animation (png image)
• Press "v" to start recording a video of the animation. Press v again to stop the recording. An mp4 video file will be exported to your downloads folder afterwards
• Press "p" to pause / play the animation. This lets you stop at an interesting point of the animation

If you found this tool useful, feel free to buy me a coffee. This would be much appreciated during late-night coding sessions!

This project is coded using Javascript, HTML, and CSS (see github repo linked below). Video creation and encoding is done using mp4 muxer.

Feel free to reach out to discuss, ask questions, or to share your creations! The animations can be easily uploaded to instagram or otherwise -- you can tag me @stereo.drift :)