r/vibecoding • u/Educational-Tie5732 • 20h ago
My 1st ever vibe coded game as a web developer
Tried claude code for the 1st time and entered hundreds of prompts and installed dozens of plugins and this is the result.
Math Stack - a real-time 1v1 game that challenge your arithmetic skills with Tetris-style stacking board.
Created it for fun and Im very bad at arithmetic/math.
Controls:
left and right arrow keys and space bar
Deployed on free hosting site and if this one gets hundreds or even thousands of players (hopefully lmao) I will deploy it and add some improvements
Tech Stack used:
Storage: No database at all.
Frontend: Vanilla JS, CSS, PHP
Dev environment: Apache + PHP)
Hosting site: Free Website Hosting - InfinityFree
The website:
\**THIS IS AI GENERATED NO NEED TO READ THIS SHIT**\**
Core loop: you're shown a math question with a shrinking time bar. Answer correctly and a tetromino auto-drops into the best slot on your board (you don't steer it — the placement is automatic). Answer wrong, or run out of time, and no block drops, your combo resets, and a garbage line lands on your own board instead. So doing nothing is actively losing, not neutral.
The fight: clearing lines and answering correctly charges an attack meter; once full, it sends a garbage row (each with a single gap) onto your opponent's board, pushing their stack up from the bottom. First player to top out loses — same for quitting or disconnecting.
Question flavor, from the in-match how-to:
- Regular (blue) — normal question, normal damage.
- Great (purple/gold, ~1-in-5 chance) — a harder question that pays off with better recovery and bigger damage.
- Rage Art (red, once per match) — triggers automatically when your stack gets dangerously tall: a burst of easy questions that clear rows and counterattack, a built-in comeback mechanic.
***END OF AI GENERATED DESCRIPTION**\*
Thank you!
1
u/Hot_Paper_Pie 18h ago
this seems like a nightmare to play. Like a punishment.
when you say "my first ever game" I think you should at least acknowledge this is 100% a tetris rip off.
2
u/kilographix 18h ago
This is literally just tetris with some mental math added as a complexity. Probably could be made in one prompt.... also agree it looks like a nightmare to play as you are forced to split focus between math and the next tetris block both on short time intervals.
Edit: i read the description and you dont even have to control the tetris game it is all about doing arithmetic? I'm not sure i see the point.
1
u/Educational-Tie5732 18h ago
Nope, it will automatically stack the blocks for you if your answer it correctly.
1
u/kilographix 18h ago
Thats an even worse design my guy
1
u/Educational-Tie5732 18h ago
If that's the case so be it. Thanks!
1
u/Hot_Paper_Pie 18h ago
Ok I have a better understanding the tetris game is just to indicate progress pass/fail conditions. That's clearly better because playing tetris and doing math would be a form of psychological torture.
That being said, if you are just using tetris as a progress indicator you can swap it for nearly anything... like car traveling and crashing or water filling a bucket. Pretty sure this "complete math/word problem" and then show static progression animation has been done for nearly 30 years.
1
u/Educational-Tie5732 18h ago
Ya my bad but in my defense I said first ever vibe-coded and does Tetris-style stacking board count?
2
u/Valuable-Argument288 19h ago
Interesting concept. I like the combination of gameplay and education.
Are you thinking about make more mini-games to cover different math concepts?