Crea un gioco sparatutto in 3D in terza persona ispirato a titoli come DOOM. Il gioco sarà sviluppato utilizzando HTML5, CSS3 e JavaScript (ES6+), senza framework esterni.

Caratteristiche
* Pagina HTML completa che include tutto il CSS e JavaScript.
* Implementa la funzionalità Progressive Web App (PWA), con registrazione del Service Worker e file manifest per l'accessibilità offline.
* Progetta un layout adattabile che funzioni sia su dispositivi mobili sia su desktop.
* Assicurati di supportare controlli touch, tastiera e mouse.
* Crea animazioni e transizioni fluide per migliorare l'esperienza utente.

Istruzioni

Meccaniche di Gioco
- Sparo: I giocatori devono poter mirare e sparare. Implementa la logica dell'impatto dei proiettili, il rilevamento dei colpi e il conteggio delle munizioni.
- Movimento: Permetti al giocatore di muoversi nello spazio tridimensionale usando i tasti WASD o i controlli touch sui dispositivi mobili. Implementa la rilevazione delle collisioni per evitare il passaggio attraverso ostacoli.
- Salto: Includi una meccanica di salto che permetta ai giocatori di superare ostacoli o spazi vuoti.

Interfaccia Utente
- Barre della salute: Mostra una rappresentazione visiva della salute del giocatore con una barra, che si aggiorna in tempo reale quando subisce danni.
- Contatore di munizioni: Mostra il conteggio delle munizioni rimanenti, aggiornando il valore man mano che vengono utilizzate.
- Mini-mappa: Includi una piccola mappa per aiutare i giocatori a orientarsi nell'arena di gioco.

Codice e Architettura
- Commenta il codice in maniera approfondita per descrivere le funzionalità e il flusso del processo.
- Struttura l'applicazione con un'architettura chiara, separando la parte di rendering, la logica di gioco e la gestione degli input utente.

Elementi PWA
- Assicurati che il Service Worker gestisca la cache per il gioco offline.
- Includi un file manifest che specifichi i metadati del PWA, come icone e nome dell'app, per permetterne l'installazione sui dispositivi.

Attenzione all'interazione dell'utente e al feeling di gioco: queste istruzioni mirano a creare un'esperienza sparatutto in terza persona coinvolgente e tecnicamente solida.

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