WEBFIGHTER

DIFFERENT TYPES OF ATTACK AND HEAL
PLAYERS SELECT THEIR CHARACTER WITH DIFFERENT ABILITIES
BATTLE SCREEN
PLAYERS TYPE THEIR ATTACK FORM

Inspiration

The inspiration behind Web Fighter came from classic arcade fighting games, where each player controls a character and battles using different moves. I wanted to add a unique twist: instead of pressing buttons, players would type the attack names (like punch, kick, or fire) and see the characters execute those moves.

This idea mixes the fun of fighting games with the creativity of text input, making every match interactive and unpredictable.

What it does

Web Fighter is a two-player web-based fighting game. Players type the name of an attack, and their chosen fighter executes the move in real time. Each move reduces the opponent’s health until one character is knocked out.

How we built it

Frontend: HTML, CSS, and JavaScript for interface and game visuals.
Animations: CSS keyframes and JavaScript logic for attack movements.
Game Logic: Event listeners capture user inputs and map them to attacks.
Multiplayer System: Turn-based gameplay where each player types their move.

Challenges we ran into

Input Recognition: Making the game accept synonyms and case-insensitive commands.
Timing Issues: Syncing animations with typed inputs without overlap.
Balancing Moves: Ensuring no single attack dominates the fight.
Gameplay Flow: Designing turns that feel fair but still fast-paced.