← Weird & Experimental
🐠
Virtual Aquarium
A calming tank of animated fish swimming around, because sometimes you just need that.
🟡 MediumDifficulty
2 hoursTime
JavaScript, TypeScriptLanguages
What you're building
A peaceful little aquarium: click to add fish, each one swims around independently with its own speed, direction, and color, gently bumping the edges of the tank and turning around.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- A code editor
- A browser
🗺️ Build roadmap
01 Setup
→
02 Build the tank
→
03 Add a fish on click
→
04 Animate fish movement
→
05 Bounce off tank edges
→
06 Add a fish counter and clear button
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free