3D Игра от третьего лица

краткое описание

3D шутер от третьего лица на HTML5, CSS3, JS с поддержкой PWA.

промпт

Создай 3D игру-шутер от третьего лица, вдохновленную играми типа DOOM. Игра будет разработана с использованием HTML5, CSS3 и JavaScript (ES6+), без внешних фреймворков.

Особенности
* Полноценная HTML-страница, включающая весь CSS и JavaScript.
* Реализуй функционал Progressive Web App (PWA), включая регистрацию Service Worker и файл манифеста для офлайн-доступа.
* Разработай адаптивный макет, работающий как на мобильных устройствах, так и на настольных ПК.
* Обеспечь поддержку сенсорного ввода, клавиатуры и мыши.
* Создай плавные анимации и переходы для улучшения пользовательского опыта.

Инструкции

Механика игры
- Стрельба: Игроки должны иметь возможность целиться и стрелять. Реализуй логику попадания пуль, определение попадания в цель и счетчик боеприпасов.
- Движение: Позволь игроку перемещаться в 3D пространстве с помощью клавиш WASD или сенсорного управления на мобильных устройствах. Реализуй обнаружение столкновений, чтобы избежать прохождения сквозь препятствия.
- Прыжок: Добавь возможность прыжка, чтобы игроки могли преодолевать препятствия или разрывы.

Пользовательский интерфейс
- Индикатор здоровья: Отображай визуальное представление здоровья игрока в виде полосы, обновляющейся в реальном времени при получении урона.
- Счетчик боеприпасов: Показывай оставшееся количество боеприпасов с обновлением по мере их расхода.
- Мини-карта: Включи небольшую карту, помогающую игрокам ориентироваться на арене.

Код и архитектура
- Обеспечь подробное комментирование кода для описания функционала и процесса работы.
- Структурируй приложение с четким разделением ответственности между отображением, логикой и обработкой ввода пользователя.

Элементы PWA
- Убедись, что Service Worker обрабатывает кэширование для офлайн-игры.
- Включи файл манифеста с метаданными PWA, такими как иконки и название приложения, для возможности установки на устройства.

С учетом внимания к взаимодействию с пользователем и ощущению игры, данная инструкция создает захватывающий и технически продуманный шутер от третьего лица.

оригинальный промпт

# ACDQ PROMPT: создай 3D шутер от третьего лица вроде DOOM

## Требования к игре (ACDQ формат):
1. Полная HTML страница с встроенными CSS и JavaScript.
2. Реализуйте игру на HTML5, CSS3 и JavaScript (ES6+), без внешних фреймворков.
3. Интегрируйте PWA функциональность: регистрация Service Worker и наличие манифеста для офлайн работы.
4. Адаптивный дизайн для мобильных и настольных устройств.
5. Поддержка сенсорного управления, клавиатуры и мыши.
6. Плавные анимации и переходы для улучшения UX.
7. Подробно прокомментируйте код и опишите архитектуру приложения.

## Структура ответа:
1. Предоставьте полный HTML файл, готовый к запуску.
2. Включите все стили и скрипты непосредственно в HTML.
3. Документируйте основные функции и логику игры.
4. Обеспечьте наличие PWA элементов (Service Worker, манифест).

Q: What are the main mechanics of the game?
A: For example, shooting, jumping, and moving.

Q: What are the key elements you want in the game's UI?
A: For example, health bars, ammo count, or mini-maps.

стоимость генерации

название модели: o3-mini-high

время ответа: 84.98 sec.

токены результата: 13,973

стоимость: $0.06241730