💻

Creative Coding & Shaders

Write math algorithms for generative visual art

Intermediate Free to start Indoor Moderate pace

Harness Processing, p5.js, and GLSL fragment shaders to create hypnotic generative animations driven by math.

Your first week

A simple day-by-day plan to get you started smoothly — no experience needed.

0 of 7 activities complete Start with Day 1 whenever you are ready.

p5.js setup() & draw() canvas loop

⏱️ ~20 min

💡 Experiment with sin() and cos() for oscillating motion.

Perlin noise fields & flow vectors

⏱️ ~30 min

💡 Noise creates organic natural movement.

Particle systems with velocity and friction

⏱️ ~35 min

💡 Vector math simplifies 2D forces.

Recursive fractals & tree branching

⏱️ ~35 min

💡 PushMatrix() and popMatrix() isolate transforms.

Exporting high-res SVG vectors for plotters

⏱️ ~30 min

💡 Save frames with keyPress triggers.

Set up your space

Learn one foundation

Learn from people doing it

Share something →

This week’s community promptShare a recent attempt—even if it did not go as planned.

Share an update

🛠️

Be the first to build something here.

A project turns curiosity into a journey other people can follow.

Questions, progress and discoveries from people doing the hobby now.

Nothing has been shared here yet. Want to change that?