Neon Arena
Характеристики
Demolition-екшен з фізикою руйнувань та AI-поведінкою
Компанія Arionis Games розробила браузерну гру Neon Arena – 3D vehicular combat-екшен у форматі last car standing, де гравцеві необхідно вижити на арені, знищуючи супротивників та залишаючись останнім учасником.
Проєкт демонструє, як на чистому web-стеку ( Three.js + Rapier + Vue ) можна реалізувати повноцінну гру з фізикою, AI та візуальними ефектами без використання ігрових двигунів.
Концепція гри
Neon Arena – це аркадний автомобільний екшен з елементами arena combat та demolition.
Гравець потрапляє на замкнуту арену, де одночасно беруть участь до 11 машин (гравець + боти). Основне завдання – вижити, використовуючи агресивне водіння, таран та маневри ухилення.
Ключова особливість – поєднання фізично коректних руйнувань, процедурної генерації арени та адаптивної поведінки AI.
Кожен матч розвивається по-різному і не повторюється.
Ігровий процес
Геймплей побудований на постійному русі та зіткненнях.
Гравець:
- керує автомобілем на арені
- розганяється і таранить супротивників
- використовує boost для атаки та догляду
- виконує стрибки для обходу перешкод
- контролює позицію та уникає втрат
Перемагає той, хто лишається останнім на арені.
Фізика та руйнування
Основою gameplay є фізична модель взаємодії об'єктів.
У грі реалізовано:
- фізично коректні зіткнення на базі Rapier
- система ушкоджень від сили удару
- розліт автомобіля на окремі частини
- незалежна фізика для елементів кузова
Деталі (капот, двері, бампери та інші елементи) відриваються у міру отримання шкоди, впливаючи на поведінку автомобіля.
AI та поведінка ботів
У Neon Arena використовується система AI на основі state-machine із набором тактик.
Противники:
- переслідують гравця (chase)
- ідуть на таран (ram)
- ухиляються від погроз (evade)
- відступають при ушкодженнях (retreat)
- перемикають цілі в залежності від ситуації
AI аналізує стан бою та адаптується, створюючи динамічний тиск на гравця.
Це виключає “скриптову” поведінку та робить кожен матч унікальним.
Арена та генерація оточення
Ігровий простір формується процедурно:
- випадкове розташування рамп та перешкод
- варіативні маршрути руху
- інтерактивні об'єкти (барелі, конструкції)
- елементи, що впливають на тактику бою
Кожна сесія потребує нової адаптації.
Технологічна реалізація
Neon Arena розроблена як lightweight web-гра з акцентом на продуктивність та контроль над системою.
Three.js
Відповідає за 3D-сцену, освітлення та візуалізацію.
Rapier3D (WASM)
Фізичний двигун для розрахунку зіткнень, підвіски та руйнувань.
TypeScript
Основна логіка гри, система управління та взаємодія модулів.
Vue 3 + Vite
Інтерфейс та організація програми.
Додатково:
- постпроцесинг (Bloom, Chromatic Aberration, Vignette)
- оптимізація під мобільні пристрої
- адаптивний performance-tier (зниження навантаження за потреби)
Розмір гри – менше ніж 5 МБ, що забезпечує швидкий запуск.
Механіки пересування
Управління автомобілем поєднує аркадну динаміку та фізичну модель.
Реалізовано:
- прискорення та дрифт
- система boost
- стрибки для зміни траєкторії
- фізика інерції та зіткнень
Мобільність стає ключовим фактором виживання.
Підтримка платформ
Гра розроблена як кросплатформне рішення :
- працює у браузері без встановлення
- підтримує desktop та mobile
- реалізовано touch-управління
- миттєвий запуск
Результати роботи
В результаті проєкту було створено браузерну гру, яка поєднує:
- динамічний vehicular combat gameplay
- фізично коректні руйнування
- адаптивна поведінка AI
- процедурну генерацію арени
- стабільну роботу навіть за мінімального розміру
Neon Arena показує, що сучасні web-технології дозволяють створювати повноцінні 3D-ігри з фізикою та AI без використання традиційних ігрових двигунів.
Більше проєктів від Arionis
Ми створюємо ігри та інтерактивні продукти для web, mobile та desktop – від ідеї до готового рішення.
Якщо вам потрібен аналогічний проєкт або ігрова під ваш продукт – зв'яжіться з нами.
