Browser Fighting Game
A 2D HTML5 Canvas fighting game with sprite animation loops, hitboxes, collision detection, and 2-player local keyboard controls.
POSSIBLEadvanced8-12 hoursAdvanced
Share
What it does
AI generates initial HTML Canvas boilerplate, UI overlays, and menu screens quickly. Fine-tuning physics loops, frame-data hitboxes, and animation timing requires manual engineering.
POSSIBLEThe verdict
AI generates initial HTML Canvas boilerplate, UI overlays, and menu screens quickly. Fine-tuning physics loops, frame-data hitboxes, and animation timing requires manual engineering.
MVP features
HTML5 Canvas 2D render loop operating at 60 FPS delta time
Two-player local keyboard control scheme (WASD and Arrow keys)
Sprite sheet animation states (Idle, Walk, Punch, Kick, Block, Hit)
Axis-aligned bounding box (AABB) hitbox and hurtbox collision engine
Dynamic Health and Special Super Meter visual gauges
Round countdown timer with Knockout (KO) announcement overlay
Character select screen with distinct fighter attributes
Build prompt
build-prompt.txt
Create a 2D HTML5 Canvas Browser Fighting Game built in TypeScript with modern Canvas API. Build a smooth 60 FPS main game loop using requestAnimationFrame with delta-time calculation to ensure consistent gameplay speed. Implement a modular Fighter class handling sprite sheet animations for idle, forward movement, backward movement, light punch, heavy kick, block, and hit reaction states. Build input controllers supporting two-player local keyboard play (WASD + key strikes for Player 1; Arrow keys + key strikes for Player 2). Implement precise axis-aligned bounding box (AABB) collision detection to evaluate hitboxes intersecting hurtboxes during active attack frames, deducting health points and charging a special attack meter. Include a retro-styled UI overlay displaying dynamic health bars, round countdown timers, special meter gauges, and match outcome announcements with retro sound effects using Howler.js. Design a Character Select screen allowing players to pick between unique fighters with distinct speed, reach, and attack damage attributes.
Recommended builder
C
Cursor
AI-first code editor for building from scratch
Related builds
Last reviewed: Aug 8, 2026