Review: grid that morphs over time

Recall the 2d grid example from class last time. Remember how we built upon a 1d noise grid to make this one 2d.

Next, let’s add another dimension: time. You should have a grid that morphs slightly over time.

→ Here is the solution.

One nice sketch

<aside> ✨ Make one nice sketch that incorporate noise as a theme.

Recommend spending ~5 hours on this one Submit here: Submissions: Week 10 Sketches

</aside>

Optional ideas:

For refreshers on noise
- p5.js examples: Noise 1d, Noise Wave, Noise 2D, Noise 3D
- See the coding train’s noise tutorial
Try out the p5.js blobby tutorial, or any other coding train tutorial
You can try putting a bunch of sliders with parameters to quickly experiment with ideas - example
Themes to explore
- Create a collage of custom shapes using beginShape() and endShape()
- Grids!
- You can try making a bunch of sliders

Same as last time

See Generative Art Resources for resources and programming and visualization techniques
Note that The Coding Train has a bunch of ‘Coding Challenges’ - which walk through creating a drawing. This is a great resource, but may be a bit advanced at this point in our learning.
p5.js examples are easy to follow and edit. Feel free to also browse OpenProcessing for inspiration on visuals.