Week 3: Animation

Agenda:

Weekly Overview
Assignment Review
Review of for() loops
Randomness and Noise
The Bouncing Ball
Images
Functions
Generative Drawing
Assignment 3.0: Animate Form
Final Project 0.1: Three Ideas

Overview:

Today we’ll cover the following:

Resources:

Shiffman - 2.3 JavaScript Objects - p5.js
Shiffman - 2.4: The map() Function - p5.js
Shiffman - 2.5: The random() Function - p5.js
Shiffman - 5.1 Function Basics - p5.js
Shiffman - 5.2 Function Parameters and Arguments - p5.js
Shiffman - 5.3 Functions and Return - p5.js
p5 Reference: preload()
p5 Reference: loadImage()
p5 Reference: image()
p5 Reference: tint()
p5 Examples: Animation
p5 Examples: Pointilism
p5 Examples: Transparency