Focus: Bring a static sketch to life using the draw loop, variables, and user input. Start from the in-class demos (Clicker + Bounce) and make them your own.
Learning Goals
- Use the
draw() loop to create continuous animation.
- Control position, speed, size, and/or color with variables.
- Add interactivity via
mousePressed() and/or keyPressed().
- Evolve a demo into a personal, creative variation.
What to Make (Choose a Track)
🔹 Foundations
Pick one and implement clearly:
- Clicker Circle — A circle grows (or otherwise changes) when clicked; uses variables for position, size, color.
- Bouncing Circle — A circle moves and bounces on canvas edges; uses variables for position, velocity, size, color.
🔸 Creative Expansion
Extend Foundations with one or more ideas:
- Combine clicker + bounce (e.g., bouncy target that grows on click).
- Deepen a single idea (score, reset/shrink logic, trails, mapped color/speed).
- Animate a figure made of multiple shapes that bounces or responds to input.
Requirements