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 | Data Viz | Machine Learning with ml5.js | Sound | Generative Art | Games | Perlin Noise | Distorted Reflections Sleep Tracker (Data Viz) Interactive Clock Cursor Effect Interactive Truchet Tiles Reaction Diffusion Pixel Sorting Paper Shredding Effect DESSINS Géométriques Pastel Gradient Screensaver Little Creatures (Procedural Animation) Musical Onion 🧅 Oscillating Hexagons Chladni Patterns A Shattered Heart 💔 (with matter.js) Valentine's Day Specials 💖💕 (w ml5.js) Image Manipulation - Pixelated Techniques String Art Falling Sand - Lunar NY Edition (with ml5.js) Habit Tracker (Data Viz) Sparkly Magic Wand ✨ Snowflakes Rose-shaped Spiral 🌹 Animated Christmas Lights 🎄 Lorenz Attractor NileRed Logo (BZ Reaction) Double Pendulum Fractal Double Pendulum Oscillating Wave Pattern (in 3D) Oscillating Wave Pattern (in 2D) Interactive Dandelion (with ml5.js - faceMesh) 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 Interactive Display with a Secret Message Generative Typography (Arc Function) Hypnotic Rotating Circles