This is YOUR game. You get to smash sushi, candy, and ice cream with YOUR FACE! 🏓💥
Play it here: 👉 https://niveknow.github.io/SP-break/
It's Breakout — but WAY cooler. Instead of a boring white ball, YOUR FACE bounces around the screen and smashes BIG FOOD EMOJIS! No boring boxes — just pure food. 🍣🍬🍨
| Food | What It Is | Hits | Sound | Damage Look |
|---|---|---|---|---|
| 🍣 | Sushi — soft & squishy | 1 | pop! | Gone instantly! |
| 🍬 | Candy — hard shell | 2 | sparkle! | Gets a CRACK line |
| 🍨 | Ice Cream — frozen solid | 3 | THUD! | Crack X when almost broken |
You get 3 hearts. Drop the ball and lose one. Lose 'em all and it's GAME OVER!
Your best score saves right in your browser. Can you beat it? 😤
🖱️ Desktop → Mouse to move paddle, click to launch
📱 iPhone → Finger to move paddle, tap to launch
Goal: Break ALL the bricks to clear the level. Each level gets harder!
Daddy made this game for Sterling
Built with JavaScript on a Canvas — no fancy game engine, just pure code! 🤓
| What | How |
|---|---|
| Language | JavaScript (vanilla, no libraries!) |
| Graphics | HTML5 Canvas |
| Sound | Web Audio API (synthesized) |
| Hosting | GitHub Pages 🚀 |
| Ball Avatar | Sterling's face (rendered from image) |
File structure:
📁 SP-break/
├── 📄 index.html ← The game page
├── 📄 game.js ← Main loop & everything
├── 📄 ball.js ← Bouncing ball logic
├── 📄 paddle.js ← Paddle controls
├── 📄 bricks.js ← Brick grid & types
├── 📄 score.js ← Points, lives, levels
├── 📄 audio.js ← Sound effects!
├── 📁 assets/ ← Images & stuff
└── 📁 .github/ ← Auto-deploy magic
The ball is Sterling's face clipped into a circle. So technically Sterling is doing ALL the work — that's the real MVP right there! 💪😄
SMASH THOSE BRICKS, BUDDY! 🧱💥🧱💥🧱💥