These Processing sketches are part of a six-hour workshop taught on 21 & 23 February 2018 by @blockwooddev and @jasonalderman at Front Gallery in San Ysidro, as part of SDAI's A>M>T Festival.
- Setup (20 min.)
- println() — this is called a function, explain parts (also explain Processing IDE, console, and errors) (15 min.)
- draw shapes! — introduce size(), the coordinate system, and show shape functions in documentation (20 min.)
- loop — introduce variables (remember string?) and use variables to draw many shapes to the screen (20 min.)
- follow mouse — intro setup() and draw() and mouseX/mouseY
- if/else — make something happen when the mouseX/mouseY is in a certain part of window
- arrays and ArrayList — make a trail of shapes (in x and y arrays), then use 2D array instead
- image() —draw images
- pixels[] — get pixel data and represent it with differently colored/sized shapes
- advanced: do the same with webcam video 10. advanced: translate and rotate and push/pop (make inverse kinematics tentacles?)
- Classes (and tabs in Processing)
- Using libraries - import statement and the processing.sound library
- Play a sound file - change playback speed with mouse movement
- Adapt sketch 5 from day 1 to play a different sound file when mouse crosses the threshold boundaries you set ...how do you get it to play only once each time?
- Make equalizer from a sound file using FFT
- Play with synthesis?
- Make interactive visualization involving sound input or output
- Advanced: envelope stuff?