🎙️ Guest: Kevin Workman (Happy Coding)

📅 Date: May 3, 2025

🎥 Session Recording

https://youtu.be/ks2i_oY794M

🎯 What We Did in Session 4

This session explored how to animate and interact with arrays in p5.js using frameCount, modulo, Math.abs(), and toggle states. Participants shared projects and discussed practical ways to scaffold animations in the classroom. Guest speaker Kevin Workman shared insights on inclusive CS education and his path from Google to HappyCoding.io.

🧩 Key Teaching Topics & Demos

🔄 Animation Using frameCount and %

• Saber introduced animation using frameCount % 255 to cycle through color values.
• Participants saw how this technique could be layered into grid-based designs using nested loops.
• The math behind color modulation and timing became central to visual expression.

💬 Saber: “Modulo helps you loop through a predictable range... really useful for patterns.”

🖱️ Adding Interaction: mousePressed() and Boolean States

• We explored pausing/resuming animation using mousePressed() and isLooping().
• Participants asked how to toggle motion and change behavior dynamically.

💬 Pop Penguin: “You can use isLooping() to get the current state and switch between loop() and noLoop().”

💬 Randy: “Could also make state a Boolean... use state and !state.”