Learn Creative Coding (#22) - Mini-Project: Audio Visualizer Phase 3 finale. We've learned easing, state machines, physics, audio analysis, recording, and shaders. Time to smash the best parts together

Learn Creative Coding (#21) - Shaders: A First Taste of GLSL Everything we've built so far in this series runs on the CPU. Every pixel we've drawn, every particle we've simulated, every noise value we've

Learn Creative Coding (#20) - Recording and Exporting: GIF, PNG Sequence, Video You've built some beautiful things over the last ten episodes. A particle galaxy that reacts to your mouse. Physics simulations

Learn Creative Coding (#19) - Sound-Reactive Visuals Last episode we gave our particles mass. Springs that overshoot and settle, friction that makes things slide, flocking boids that self-organize into

Learn Creative Coding (#18) - Physics Lite: Springs, Friction, and Flocking Last episode we gave our sketches memory with state machines -- different modes, transitions between them, timeline sequencing.

Learn Creative Coding (#17) - State Machines for Animations Last episode we got smooth, polished motion with lerp and easing functions. Everything glides, settles, bounces -- motion that feels alive instead

Learn Creative Coding (#16) - Easing and Lerp: Smooth Motion Welcome to Phase 3. We spent the last six episodes building tools -- particles, noise, trig, Bezier curves, and a whole galaxy. But everything

Learn Creative Coding (#15) - Mini-Project: Particle Galaxy Every few episodes we stop learning new tools and start using them. This is that episode. We're building an interactive particle galaxy -- a

Learn Creative Coding (#14) - Bezier Curves and Organic Shapes Straight lines are fine for grids and geometry. But creative coding lives in the space between precision and organic flow -- and that space

Learn Creative Coding (#13) - Trigonometry for Artists Math class made trig feel like punishment. SOH-CAH-TOA, word problems about ladders against walls, test anxiety. Forget all of that. In creative coding,

Learn Creative Coding (#12) - Noise Without a Library: Implementing Perlin Noise We've been using noise() since episode 4 like a magic wand. Point it at a coordinate, get a smooth random value back. Beautiful.

Learn Creative Coding (#11) - Particle Systems from Scratch Particle systems are everywhere in creative coding. Smoke, fire, rain, snow, star fields, explosions, flocking birds, flowing rivers of light.

Learn Creative Coding (#10) - Pixel Manipulation: Reading and Writing Image Data Every image on your screen is just a grid of numbers. Not metaphorically — literally. When you really internalize that,

Learn Creative Coding (#9) - Creative Coding Without Libraries: Vanilla Canvas API Time for the training wheels to come off. p5.js is fantastic and I'll keep using it. But under the hood, it's wrapping

Learn Creative Coding (#8) - Mini-Project: Generative Poster Seven episodes in and we've covered shapes, animation, randomness, grids, interactivity, and color theory. Time to smash all of it together

Learn Creative Coding (#7) - Color Theory for Coders What will I learn? Why HSB is better than RGB for creative work; complementary, analogous, and triadic color schemes; generating harmonious palettes

Learn Creative Coding (#5) - Loops and Grids: Repetition as a Design Tool What will I learn Nested for-loops for creating grids; varying properties per grid cell; patterns from simple rules; modular design:

Learn Creative Coding (#4) - Randomness: The Secret Ingredient What will I learn The difference between random() and noise(); what Perlin noise is and why it matters; generating color palettes with randomness;

Learn Creative Coding (#6) - Interactivity: Mouse, Keyboard, and Touch What will I learn Tracking mouse position with mouseX and mouseY; responding to clicks and key presses; building a simple drawing

Learn Creative Coding (#3) - Movement and Time: Making Things Animate What will I learn How the draw loop creates animation; using frameCount as a clock; sin and cos for smooth, organic motion; translate