🎯 Position, Variables, and Motion — From Composition to Animation

Date: April 19, 2025

Facilitator: Saber Khan

Recording

https://youtu.be/n0eU87GhW6M

🔍 What We Explored

In Session 2, we transitioned from static composition to dynamic motion. We introduced variables to control position, speed, and behavior of shapes, and practiced using conditionals to build interactive logic like bouncing and screen wrapping.

Saber walked us through key motion techniques with live coding demos, including how to animate a circle using a position variable and how to reverse direction with a speed variable and if statement.

We also explored how rotation, frameCount, and keyboard input can extend the possibilities of interactive motion.

✨ Highlights

• Jeanine shared a flying eagle animation built using frameCount and wing-position variables — based on a photo she took near her cabin.
• João presented a mask design inspired by Caretos de Podence, using arcs and geometric patterns.
• Ben continued working on a random walker sketch, planning to refine it with Perlin noise.
• Lili began experimenting with animating a vibrating circle, inspired by her image recreation project.
• Pop Penguin talked about student difficulties with drawing tools and shared ideas for custom tool-building to support learners.
• Randy asked about rotating objects around their center, sparking discussion about translate() and rotate().

🛠 Tools + Demos