Crea un juego de disparos en tercera persona 3D inspirado en juegos como DOOM. El juego se desarrollará usando HTML5, CSS3 y JavaScript (ES6+), sin frameworks externos.

Características
* Página HTML completa que incluya todo el CSS y JavaScript.
* Implementar funcionalidad de Progressive Web App (PWA), incluyendo el registro de Service Worker y un archivo de manifiesto para acceso offline.
* Diseñar un layout adaptable que funcione tanto en dispositivos móviles como de escritorio.
* Asegurar soporte para controles táctiles, teclado y ratón.
* Crear animaciones y transiciones suaves para mejorar la experiencia del usuario.

Instrucciones

Mecánicas de Juego
- Disparo: Los jugadores deben poder apuntar y disparar. Implementa la lógica de impacto de bala, detección de aciertos y conteo de munición.
- Movimiento: Permite que el jugador se mueva en el espacio tridimensional usando las teclas WASD o controles táctiles en dispositivos móviles. Implementa detección de colisiones para evitar atravesar obstáculos.
- Salto: Incluye una mecánica de salto que permita a los jugadores sortear obstáculos o huecos.

Interfaz de Usuario
- Barras de salud: Muestra una representación visual de la salud del jugador, actualizándose en tiempo real al recibir daño.
- Conteo de munición: Muestra la cantidad restante de munición, actualizándose a medida que se utiliza.
- Mini-mapa: Incluye un pequeño mapa para ayudar a los jugadores a orientarse en el escenario del juego.

Código y Arquitectura
- Comenta el código extensamente para describir la funcionalidad y el flujo del proceso.
- Estructura la aplicación utilizando una arquitectura clara, separando las preocupaciones entre renderizado, lógica y manejo de entrada del usuario.

Elementos PWA
- Asegúrate de que el Service Worker maneje el caché para juego offline.
- Incluye un archivo de manifiesto especificando los metadatos del PWA, como íconos y nombre de la aplicación, permitiendo la instalación en dispositivos.

Con atención a la interacción del usuario y la jugabilidad, esta instrucción crea una experiencia de shooter en tercera persona técnica y envolvente.

# 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.