Sports Royale

Inspiration

Sports Royale: Chaos Cup was inspired by the thrill of arcade sports and elimination games. We wanted a project that feels exciting in seconds, but also rewards consistency across rounds.

What it does

Sports Royale: Chaos Cup is a single-player browser game where you face 8 AI rivals across multiple sports rounds (basketball, soccer, tennis, dodgeball). Each round adds a chaos modifier, scores are tracked on a persistent leaderboard, and the lowest performers are eliminated until one champion remains.

The experience is built to be easy to understand, fast to play, and highly replayable.

How we built it

We built it with Next.js (App Router), TypeScript, Tailwind CSS, Framer Motion, Zustand, and HTML5 Canvas.

Core structure:

UI layer: landing, HUD, intros, results, elimination scenes, final screen
Engine layer: shared loop, physics tuning, chaos modifiers, AI simulation, scoring
Game modules: each sport has unique mechanics but plugs into shared systems
State management: persistent competitors, eliminations, perks, clutch mode, replay highlights

Challenges we ran into

Balancing all sports under one tournament scoring system
Making modifiers feel chaotic but still fair
Preventing AI from feeling random or unfairly strong
Keeping controls consistent and readable under pressure
Preserving smooth transitions while maintaining persistent state

Accomplishments that we're proud of

A cohesive tournament loop, not disconnected mini-games
Persistent AI archetypes with distinct behavior
Clutch Mode that increases drama in final rounds
Replay/highlight moments for demo wow-factor
Fast iteration-ready architecture with clean modular files

What we learned

We learned that polish and tuning matter more than raw feature count. Small changes in pacing, score scaling, and feedback loops have a huge impact on player feel.

We also learned the value of keeping systems modular so gameplay balancing can be updated quickly without rewriting core architecture.