Build interactive patterns, animations, and visual experiments while learning real programming concepts step by step.
p5.js: Learn creative coding with p5.js through art, from your first lines of code to generative art, 3D worlds, artificial life, and interactive camera systems.
65+ Lessons & 650+ Micro Challenges: Progress from beginner to advanced with a structured learning path.
Beginner Friendly: No coding experience needed. Start with coordinates, shapes, color, and motion before diving into deeper systems.
Hands-on Learning: Each lesson is broken into small, manageable tasks. Learn by changing code and seeing instant visual results.
Connected Learning System: Lessons connect with Creative Labs, Demo Projects, and Visual Math Explorations for a comprehensive understanding.
Explore the Full Catalog: Browse every lesson, lab, demo project, and visual math exploration.
Creative Labs: Open-ended playgrounds for experimenting with values and developing your own visual ideas.
Inspiration Demo Projects: Explore complete creative coding artworks with member-exclusive comments and explanations.
Visual Math Explorations: Interactive models for geometry, waves, vectors, transformations, probability, fractals, and physics motion.
Learn by Doing: Short explanations, small code changes, instant visual feedback.
Built with