Gaming
Traffic Light Puzzle
Time traffic lights to clear a jam before the city gridlocks
Beginner10h1–2
PixiJSJavaScript
17/20Habit Pixel Pet
A pixel pet that grows when you complete your habits.
Beginner8h1 person17/20 fit
Build Habit Pixel Pet for students building habits in ~8h with 1 person. Stack: PixiJS + Local storage.
Why it wins: Cute and motivating.
Build flow
01 · Problem
Habit trackers are easy to abandon.
02 · Solution
Log habits to feed and evolve the pet, with gentle consequences for missed days.
03 · Build
- 1Draw sprites
- 2Model habits
- 3Animate states
- 4Track streaks
04 · Demo
Complete a habit and watch the pet evolve.
MVP checklist
- Pet evolution
- Habit list
- Streaks
- Animations
Tech stack
| Tech | Role | |
|---|---|---|
| PixiJS | 2D WebGL renderer | Game |
| Local storage | Client-side persistence | Data |
Reference repos
Open-source projects you can build on. Links checked 2026-10-31.
Related ideas
More GamingGaming
Shout-to-Jump Voice Game
Control a character with the loudness and pitch of your voice
Beginner8h1Web AudioPhaser18/20Gaming
Jump Rope Counter Game
Count jumps with the webcam and compete on streaks
Beginner8h1MediaPipeJavaScript18/20