Buat sebuah game penembak orang ketiga 3D yang terinspirasi oleh game seperti DOOM. Game ini akan dikembangkan menggunakan HTML5, CSS3, dan JavaScript (ES6+), tanpa menggunakan framework eksternal.

Fitur
* Halaman HTML lengkap yang mencakup seluruh CSS dan JavaScript.
* Implementasikan fungsi Progressive Web App (PWA), termasuk registrasi Service Worker dan file manifest untuk akses offline.
* Rancang tata letak yang responsif, bekerja di perangkat mobile dan desktop.
* Pastikan dukungan untuk kontrol sentuh, keyboard, dan mouse.
* Buat animasi dan transisi yang halus untuk meningkatkan pengalaman pengguna.

Instruksi

Mekanika Game
- Penembakan: Pemain harus dapat membidik dan menembak. Implementasikan logika dampak peluru, deteksi terkena target, dan hitung amunisi.
- Pergerakan: Izinkan pemain bergerak dalam ruang tiga dimensi menggunakan tombol WASD atau kontrol sentuh pada perangkat mobile. Implementasikan deteksi tumbukan untuk menghindari bergerak menembus rintangan.
- Loncatan: Sertakan mekanika loncatan agar pemain dapat melewati rintangan atau celah.

Antarmuka Pengguna
- Bar Kesehatan: Tampilkan representasi visual dari kesehatan pemain dalam bentuk bar yang diperbarui secara real-time saat menerima kerusakan.
- Hitung Amunisi: Tampilkan jumlah amunisi tersisa yang diperbarui seiring penggunaan.
- Mini-peta: Sertakan peta kecil untuk membantu navigasi arena game.

Kode dan Arsitektur
- Berikan komentar yang rinci pada kode untuk mendeskripsikan fungsionalitas dan alur proses.
- Strukturkan aplikasi dengan arsitektur yang jelas, memisahkan render, logika, dan penanganan input pengguna.

Elemen PWA
- Pastikan Service Worker mengelola caching untuk permainan offline.
- Sertakan file manifest yang menentukan metadata PWA, seperti ikon dan nama aplikasi, sehingga dapat diinstal pada perangkat.

Dengan memperhatikan interaksi pengguna dan nuansa permainan, instruksi ini bertujuan untuk menciptakan pengalaman game penembak orang ketiga 3D yang menarik dan kuat secara teknis.

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