← Creative
✨
Generative Art Studio
Let math and randomness be the artist — you just built the studio.
🟢 EasyDifficulty
2 hoursTime
JavaScript, TypeScriptLanguages
What you're building
You're building a generative art tool that produces a completely unique piece of abstract art every time you click Generate — scattered translucent circles, crossing colorful lines, jagged triangles, or a hypnotic color spiral, your choice from a dropdown. Every run uses fresh randomness within rules you define, so no two pieces ever look the same, and you can save any result you like as a real PNG. It's a great way to feel the creative power of 'controlled randomness' in code.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Set up the canvas and a Generate button
→
02 Draw a field of random circles
→
03 Add random colors with HSL
→
04 Add a second art mode (lines)
→
05 Add a mode selector dropdown
→
06 Add a spiral mode and save-as-PNG
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free