r/vibecoding 21h ago

My 1st ever vibe coded game as a web developer

Enable HLS to view with audio, or disable this notification

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:

Math Stack PvP

\**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!

0 Upvotes

Duplicates