Guided assignment: dynamic grid

<aside> 📄

Submit this to the below page so we can share our sketches with the class

Submissions: Week 4 Sketches

</aside>

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.

After you get the dynamic grid down: customize this grid (think, color, sizing, spacing, shape or even distorting the grid) and make it yours

Screen Recording 2023-11-01 at 8.41.26 AM.mov

One very nice sketch

<aside> ✨ Make one nice sketch that incorporate noise as a theme. Please spend at least 3 hours. Iterate here and try to create something you like!

Submit here Submissions: Week 4 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

Tips & Tools

Same as last time

• 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.
• See Generative Art Resources for resources and programming and visualization techniques