arrow_back Back to Works
In-house Development / Game

YOUandAI — Adaptive AI Fighting Game

A free-to-play fighting game that runs in the browser. The AI learns and adapts to the player's behavior patterns in real time during matches, becoming tougher as the level rises.

Duration

In-house development

Team

1 person

Engineered With TypeScriptThree.jsVite

01 // OVERVIEW

Project Overview

A browser-based F2P fighting game that starts the moment you open the URL. The AI learns the player's move tendencies and behavior patterns during matches, and its read accuracy and reaction speed improve as levels progress. It renders 3D mannequins with Three.js combined with Mixamo animations to deliver a side-view fighting experience.

02 // KEY FEATURES

Key Features

sports_martial_arts

AI That Learns the Player's Habits Mid-Match

The AI analyzes and updates behavior patterns from the player's input history in real time during the match, reading the player more sharply at each subsequent level. Designed around the experience of "you can't progress until you overcome your own habits."

view_in_ar

3D Rendering with Three.js + Mixamo

Migrated from Canvas 2D to Three.js, rendering side-view 3D mannequins with animations sourced from Mixamo. Also tuned fighting-game balance elements such as combo damage scaling and limits on chaining the same move.

leaderboard

Scoring System and Local Leaderboard

Score is calculated as "levels cleared x 10,000 + damage dealt at the current level." Players can choose between Classic and Modern control schemes, and scores are saved to local storage and shown on the leaderboard.

03 // TECHNICAL DEEP-DIVE

Technical Highlights

Solution

Delivering Mind-Games Without Any PvP Stress

Limited the game entirely to single-player to avoid the toxic play and taunting typical of online PvP, focusing solely on the mind-games against the AI. Placed the experience of "the AI is figuring out my habits" at the core of the game.

04 // IMPACT & RESULTS

Results

Browser-based

No install - play instantly via URL

Completely free

F2P, no account required

Three.js

3D mannequin rendering with Mixamo animation

Ready to Build?

Want to build something similar? Tell us about your project.

Free Consultation