Crave for more creative juices? Join us! Start with our Creative Coding Math toolkit! Check your email for a link to download. SUBSCRIBE Skip to Videos All | Patt's Favorites | Interactivity | Particle Systems | Typography | Machine Learning with ml5.js | Sound | Generative Art | Games | Perlin Noise | Differential Line Growth Interactive Bridge with Bouncing Balls (matter.js + ml5.js) Springy Chain with matter.js 🔗 Bouncing Balls with matter.js Introduction to matter.js 🔴 🟪 Pixelated Kaleidoscope Flocking Simulation with Quadtree Spiral Betty Intro to Quadtree Interactive Vinyl Cover (Image Masking) Collage (Image Manipulation) Interactive Fridge Magnets (with ml5.js) ASCII Text Images and Videos! Falling Letters w Secret Message Album Cover - Unknown Pleasures by Joy Division Music Visualization with FFT 🎵 Bouncing Wave Typography Binary Clock Rotating Typography Binary Piano 🎵 Sound Mini Series | EP. 4 Sound Mini Series | EP. 3 Sound Mini Series | EP. 2 Sound Mini Series | EP. 1 Rainbow Pendulum Waves Synchronized Rotating Arcs Robot Meets Oscillating Waves 🤖🎵 Starfield Effect Fireworks Basics of Particle Systems Pendulum Waves 🎵 Bubbly Emoji Effect Optical Illusion with Sound 🎵 Rotating Polygons on the Major Scale 🎵 Text Rain (Drawing w Webcam) Wiper Typography Interactive Falling Text Rain Drawing with Webcam (createCapture function) Interactive Floating Typography 💖 Exploding Hearts 💖 Sierpiński Triangle Menger Sponge Spherical Cube Magnifying Glass Location-Based Data Visualization Chaos Game Spiral Wave Pattern Oscillating Sphere Möbius Strip Hilbert Curve (Recursion) Game of Life... in 3-D! Recursive Pattern (Recursion) Egg-phabet 🍳 Slime Molds (Physarum) Game of Life Clock Color Gradient Animation #2 (lerpColor Function) Conway's Game of Life 👾 Falling Hearts 💕💕 (Valentine's Day Specials) Persistence of Vision Effect Color Gradient Animation (lerpColor Function) Rotating Arcs Animation (Arc Function) Star-Shaped Ring Animation Pacman-Inspired Animation Donut Forget You Are Awesome 🍩 (aka coding DONUTS) Breathing Jellyfish 🐙 w Sliders and Buttons How to Center a Grid on Canvas Truchet Tiles Interactive Display with Rotating Blocks (UPGRADED) Mondrian-Inspired Generative Art Circular Tile Animation Generative Smiley Faces Cubic Waves Hypnotic Flowers How to Save Animation as a GIF (saveGif Function) Jelly Tentacles 🐙 Lava Lamp (Metaballs / Marching Squares) Oscillating Kinetic Typography 3-Dimensional Kinetic Typography Snow (Object-oriented Programming) Wavy Letter T Interactive Display of Ellipses Intro to OpenType.js Rotating Type Intro to textToPoints Oscillating Waves The Making of Animation - Beautiful Trigonometry Flow Fields Procedural Terrain Generation Interactive Display with a Secret Message Generative Typography (Arc Function) Hypnotic Rotating Circles Interactive Display with Rotating Blocks Disco Grid Bezier Curves Interactive Blobs Create Raster Graphics from Image Interactive Colliding Objects Brick Breaker Mouse - Grid Interaction 90s Bouncing DVD Logo Clock Fire-y Ball (Arc Function) Tic Tac Toe Mouse-following Dials Array of Bouncing Balls (OOP) Bouncing Ball (Object-oriented Programming) Interactive Grid with Bouncing Ball Interactive Grid with Mouse Location Snake Game Circular Grid Graphics Random Color Grid 2D Grid w Nested Loop Multiple Circles w While Loop Multiple Circles w For Loop Color Changing Ball (If Statements) Bouncing Ball Car in Motion (Variables) Draw and Color Shapes Moving Stars Rainbow Circles
