Арена: Розлом

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Створіть браузерну 2D гру «Арена: Розлом» українською мовою, що працює на canvas і масштабується під усе вікно зі збереженням арени 1200×700. Це покрокова артилерійська битва двох команд: сині проти червоних, по два бійці в кожній команді. Мета — знищити всіх живих бійців протилежної команди.

Камера — фіксований боковий 2D-вид без прокрутки. Арена має темний нічний градієнт від темно-синього зверху до синьо-сірого знизу, із дрібними напівпрозорими крапками, схожими на зорі. Внизу розташована суцільна темно-сіра базова платформа від y=625 до нижнього краю. На ній є невелика помаранчева лавова/гаряча кишеня приблизно по центру. Над основою розмістіть п’ять коричневих сегментованих руйнівних платформ: ліву нижню (приблизно x=330,y=540,w=150,h=42), праву нижню (x=720,y=540,w=150,h=42), центральну середню (x=500,y=470,w=190,h=42), ліву верхню (x=395,y=390,w=95,h=42) і праву верхню (x=710,y=390,w=95,h=42). Платформи складаються з блоків шириною близько 42 пікселі, мають легку світлу верхню грань і темні контури. Нижня основа невразлива, а всі інші блоки можна руйнувати вибухами.

Бійці — прості круглі персонажі діаметром близько 38 px із маленькою темною прямокутною «маскою/шоломом» зверху та двома білими квадратними очима. Сині бійці мають блакитний колір, червоні — коралово-червоний. Над кожним бійцем показуйте тонку смужку здоров’я його кольору. Активний боєць має біле кільце виділення й золотисту лінію прицілу, що виходить із нього. На старті сині стоять ліворуч (приблизно x=170 і x=245), червоні — праворуч (приблизно x=960 і x=1035), усі падають під дією гравітації на платформи або основу. Назви бійців: сині «Воїн» та «Інженер», червоні «Снайпер» та «Рейдер». У кожного 100 HP. Початкові ресурси: Воїн і Снайпер мають 4 боєприпаси, Інженер і Рейдер — 3; усі мають 2 гранати і 1 аптечку.

Зробіть справжню покрокову систему. На кожен хід дається 30 секунд; випадковий вітер має силу від -70 до 70 і показується в HUD стрілкою вліво/вправо та числом. Ходи переходять між живими бійцями, не даючи одному кольору ходити двічі поспіль, якщо можливо. Після пострілу, гранати, використання аптечки або завершення ходу переходьте до наступного живого бійця; після завершення таймера теж автоматично змінюйте хід. Показуйте активного бійця та його команду.

Рух активного бійця виконується кроками приблизно по 32 px ліворуч або праворуч, із межами арени; дозволяйте стрибок, якщо боєць стоїть на платформі. Використовуйте гравітацію близько 700 px/s² для падіння та стрибків, зіткнення з верхньою поверхнею платформ. Якщо боєць падає за арену, він гине. Прицілювання — дискретно змінюйте кут на 0,12 радіана кнопками «Приціл ↑» і «Приціл ↓», а також дозволяйте натисканням по canvas навестися на точку. Для синіх напрямок пострілу за замовчуванням угору-вправо, для червоних — угору-вліво; обмежте кути приблизно від горизонтального до вертикально піднятого в бік суперника.

Зброя: «Вогонь» запускає балістичний снаряд зі швидкістю близько 520 px/s, із гравітацією та впливом вітру. Траєкторія має зупинятися при зіткненні з блоком, бійцем або межами арени. При влучанні створюйте яскравий помаранчево-жовтий вибух із сяйвом, кільцем і іскрами, руйнуйте блоки в радіусі близько 72 px і завдавайте ворогам вибухову шкоду в радіусі близько 105 px, максимум близько 58 у центрі з падінням за відстанню. «Граната» запускається повільніше (близько 410 px/s), має невеликий опір, сильніший вибух із радіусом руйнування близько 112 px та шкодою ворогам у радіусі близько 150 px, максимум близько 82 у центрі. Вибухи мають коротку анімацію приблизно пів секунди та простий звук вибуху через Web Audio, якщо доступний. Віднімайте відповідні боєприпаси й гранати; не дозволяйте використовувати ресурс із нульовим запасом. Аптечка доступна, коли HP менше 100, відновлює 35 HP, віднімає одну аптечку та завершує хід.

Після смерті боєць залишається на полі напівпрозорим і більше не ходить. Коли одна команда втратила всіх живих бійців, зупиніть бій і в HUD покажіть «БІЙ ЗАВЕРШЕНО».

HUD має бути поверх canvas у темних напівпрозорих панелях із округленими кутами. У лівому верхньому куті показуйте, наприклад, «Сині · Воїн», HP у форматі «HP 100/100», «Боєприпаси», «Гранати», «Аптечки». У правому верхньому куті показуйте «Хід: Воїн», залишок секунд і вітер. Унизу праворуч розмістіть сітку великих кнопок: «Приціл ↑», «Приціл ↓», «Рух ←», «Рух →», червону «Вогонь», червону «Граната», «Стрибок», зелену «Аптечка», «Завершити хід» і «Нова арена». На клавіатурі підтримайте A/D або стрілки вліво/вправо для руху, W/стрілку вгору та S/стрілку вниз для прицілу, пробіл для стрибка, Enter для пострілу, G для гранати, Shift для аптечки та Escape для завершення ходу. Унизу ліворуч покажіть підказку з цими основними клавішами; на вузьких екранах її можна приховати.

Перед початком покажіть затемнений стартовий оверлей по центру з назвою «АРЕНА: РОЗЛОМ», описом «Покрокова битва двох команд. Рухайся, прицілюйся, руйнуй блоки вибухом і залиш останнього суперника без шансу.», приміткою про синю та червону команди, двох бійців і 30 секунд на хід, а також кнопкою «Почати бій». Кнопка запускає гру, приховує оверлей і дозволяє взаємодію. Загальний стиль — мінімалістична темна sci-fi арена, плоска canvas-графіка, яскраві сині/червоні бійці, золотий приціл та виразні вогняні вибухи; весь видимий текст інтерфейсу має бути українською.