Neon Arena
Characteristics
Demolition is an action game with destruction physics and AI behavior.
Arionis Games has developed the browser-based game Neon Arena – a 3D vehicular combat action game in the last car standing format, where the player must survive in the arena, destroying opponents and remaining the last participant.
The project demonstrates how a full-fledged game with physics, AI, and visual effects can be implemented using a pure web stack ( Three.js + Rapier + Vue ) without the use of game engines.
Game concept
Neon Arena is an arcade car action game with elements of arena combat and demolition.
The player enters a closed arena where up to 11 cars (player and bots) compete simultaneously. The main objective is to survive using aggressive driving, ramming, and evasive maneuvers.
The key feature is the combination of physically based destruction, procedural arena generation and adaptive AI behavior.
Each match develops differently and is not repeated.
Gameplay
The gameplay is based on constant movement and collisions.
Player:
- drives a car in the arena
- accelerates and rams opponents
- uses boost to attack and escape
- performs jumps to avoid obstacles
- controls position and avoids damage
The last one remaining in the arena wins.
Physics and destruction
The basis of gameplay is the physical model of object interaction.
The game features:
- Physically correct collisions based on Rapier
- Impact Damage System
- the car disintegrated into separate pieces
- independent physics for body elements
Parts (hood, doors, bumpers and other elements) are torn off as damage is received, affecting the car's performance.
AI and bot behavior
Neon Arena uses a state-machine AI system with a set of tactics.
Opponents:
- chase the player
- they are going to ram
- evade threats
- retreat when damaged (retreat)
- switch targets depending on the situation
The AI analyzes the battlefield and adapts, creating dynamic pressure on the player.
This eliminates “scripted” behavior and makes every match unique.
Arena and environment generation
The game space is formed procedurally:
- random placement of ramps and obstacles
- variable routes of movement
- interactive objects (barrels, structures)
- elements influencing combat tactics
Each session requires a new adaptation.
Technological implementation
Neon Arena is designed as a lightweight web game with an emphasis on performance and system control.
Three.js
Responsible for the 3D scene, lighting and visualization.
Rapier3D (WASM)
Physics engine for calculating collisions, suspension and destruction.
TypeScript
The basic logic of the game, the control system and the interaction of modules.
Vue 3 + Vite
Interface and organization of the application.
Additionally:
- post-processing (Bloom, Chromatic Aberration, Vignette)
- mobile optimization
- adaptive performance-tier (load reduction when necessary)
The game size is less than 5 MB, which ensures fast launch.
Movement mechanics
The car control combines arcade dynamics and a physics model.
Implemented:
- acceleration and drift
- boost system
- jumps to change trajectory
- physics of inertia and collisions
Mobility is becoming a key factor for survival.
Platform support
The game is developed as a cross-platform solution :
- works in the browser without installation
- supports desktop and mobile
- touch control implemented
- instant launch
Results of the work
The project resulted in the creation of a browser game that combines:
- dynamic vehicular combat gameplay
- physically correct destruction
- adaptive AI behavior
- procedural arena generation
- stable operation even with a minimum size
Neon Arena demonstrates that modern web technologies make it possible to create full-fledged 3D games with physics and AI without the use of classic game engines.
More projects from Arionis
We create games and interactive products for web, mobile, and desktop – from concept to finished product.
If you need a similar project or game mechanics for your product, please contact us.
