ARENA/fps MVP · этап 1/5

// browser · three.js · low-poly · no install

ARENA — браузерный 3D-шутер от первого лица

Быстрый 3D-шутер от первого лица прямо на этой странице. WASD + мышь, прыжок, отдача, попадания через raycast. Разноси мишени-ботов, держи серию киллов и точность — а сетевые матчи 1v1 подключим на следующих этапах.

▶ Запустить арену Управление
60
fps-цель
1v1→5v5
план по сети
0 МБ
установка

01 — арена

Тренировочный полигон

arena · deathmatch

Готов к бою?

Нажми, чтобы захватить мышь и войти в арену. За 90 секунд выбей как можно больше мишеней. Esc — выйти из режима прицела.

  • WASD движение
  • Space прыжок
  • ЛКМ огонь
  • R перезарядка
  • Shift бег
Требуется WebGL. Управление мышью — только на десктопе.

02 — управление

Как играть

Движение

WASD — ходьба, Shift — спринт, Space — прыжок. Управление камерой — мышью после захвата курсора.

Стрельба

ЛКМ — огонь по лучу (raycast). У винтовки магазин на 30 патронов, R — перезарядка. Точное попадание в мишень = килл.

Здоровье

Стартовые 100 HP. Мишени отвечают уроном на дистанции — держи укрытия. При падении HP до нуля происходит респавн на точке возрождения.

Low-poly 3D-арена шутера от первого лица: серо-бетонные укрытия и ящики, оранжевые акценты, вид уровня сверху под углом

low-poly дизайн

Лёгкая геометрия — быстрый старт

Карта собрана из простых объёмов: пол-платформа, стены-укрытия и ящики. Это грузится мгновенно и держит стабильный FPS даже на слабых машинах. На этапе полировки заменим примитивы на бесплатные CC0-модели.

  • Kenney.nl — окружение и оружие (CC0)
  • Quaternius — low-poly паки уровней
  • Mixamo — анимации персонажей
  • Sketchfab CC0 — детали и пропсы

03 — рейтинг

Таблица бойцов

#ПозывнойКиллыТочность
1 Призрак 42 78%
2 Стрелок77 38 71%
3 Оса 35 84%
4 ТёмныйВолк 31 65%
5 Снайпер_РУ 29 91%
6 Молния 27 62%
7 КотБоец 24 58%
8 Викинг 22 73%
9 НочнойРейд 19 55%
10 Барс 17 69%

04 — дорожная карта

Пять этапов до сетевого CS

  1. 01

    Сцена + FPS-контроллер

    Three.js, арена с укрытиями, WASD, мышь, прыжок, стрельба raycast, HP, счёт. готово

  2. 03

    Сетевой слой

    WebSocket + authoritative-сервер (Node/Colyseus), синхронизация позиций и поворотов.

  3. 04

    Бой по сети

    Хиты и урон между игроками, счёт матча, список игроков, лобби.

  4. 05

    Полировка

    CC0-модели, Mixamo-анимации, звук, финальный HUD и эффекты попаданий.

Готов подключить сеть?

Этап 1 работает. Скажи «поехали на этап 2» — добавим боевую механику, а затем WebSocket-сервер и матчи 1v1.

▶ Сыграть сейчас