This is YOU — but as a bird flying through the sky dodging pipes!
Your face is the BIRD. Tap to flap. Don't crash. It's THAT simple. 😎
It's Flappy Bird — but instead of a boring yellow bird, STERLING'S FACE flies through the clouds! 🦅✨
The mission: Fly as far as you can without hitting the pipes. Every pipe you pass = 1 point. Try to beat your high score!
📱 iPhone → Tap anywhere to flap!
🖱️ Desktop → Click or press Spacebar to flap!
- Tap harder = flap higher 🚀
- Score a point every time you squeeze through a pair of pipes
- Hit a pipe or the ground = GAME OVER
- Your high score saves automatically in your browser!
| Feature | What It Does |
|---|---|
| 😱 Sterling's face as the bird | It's YOU flying! |
| 🎵 Sound effects | Flaps, scoring dings, crash sounds — all synthesized! |
| 💾 High score save | Local storage remembers your best run |
| 🔄 Instant restart | Tap again = try again, no waiting |
| 📱 iPhone ready | Touch controls work perfectly on your phone |
Tom Nguyen made this for Sterling 🤓
Built with vanilla JavaScript on HTML5 Canvas — no game engine, no shortcuts, just pure code. Your face is rendered from an actual photo clipped into a circle!
| What | How |
|---|---|
| Language | JavaScript (vanilla) |
| Graphics | HTML5 Canvas 2D |
| Sound | Web Audio API (all synth, no files) |
| Bird Avatar | 🧒 Sterling's face! |
| Hosting | GitHub Pages 🚀 |
| Framerate | 60 FPS via requestAnimationFrame |
Files:
📁 flappy-sterling/
├── 📄 index.html ← The game
├── 📄 game.js ← Game loop & rules
├── 📄 bird.js ← Sterling's flappy physics
├── 📄 pipes.js ← Pipe spawning & scrolling
├── 📄 score.js ← Points, high score
├── 📄 audio.js ← Beeps, boops & crashes
├── 📁 assets/ ← Sterling's face picture
└── 📁 .github/ ← Auto-deploy wizardry
This was the FIRST game made for Sterling. The bird that flies through pipes is literally Sterling's face. So Sterling is doing ALL the flying. Talk about a pro gamer! 💪😄
FLY HIGH, STERLING! DODGE THOSE PIPES! 🐦💨💥