Repository navigation

Class 8

🛠️ Graphics Effects & Algorithms

Nature of Code by Daniel Shiffman
p5js libraries
List of visual algorithms
List of graphics algorithms @ Cacheflowe's Creative Coding Notes
Post Processing As A Creative Medium

🧊 3D Graphics

The Graphics pipeline

Basic layout & 3d thinking

We're using an abstracted tool... It's just a 3rd coordinate ;)
Live demos

📝 Homework

Read:

The WebGL & OpenGL articles above

Watch:

Build something with a 3rd dimension

Steps
- Start with WEBGL mode in p5js
  - This moves the coordinate system to the center of the screen
- Use box(), sphere() and other 3d primitive functions to create shapes
  - p5js has additional 3d shapes like torus()
Stretch goals
- Create your own 3d geometry with beginShape(), vertex(), and endShape()
- Apply a texture to your geometry
- Load a 3d model with loadModel()`
- Use a shader to create a custom material for your 3d geometry

📋 Review code

Present your audio sketches