创建一款受《DOOM》等游戏启发的3D第三人称射击游戏。游戏将使用HTML5、CSS3和JavaScript(ES6+)开发，不依赖任何外部框架。

功能
* 包含完整的HTML页面，内嵌所有CSS和JavaScript代码。
* 实现渐进式网页应用(PWA)功能，包括Service Worker注册和离线可访问的manifest文件。
* 设计适用于移动设备和桌面设备的自适应布局。
* 确保支持触摸控制、键盘和鼠标交互。
* 创建流畅的动画和过渡效果以提升用户体验。

说明

游戏机制
- 射击：玩家应能瞄准并发射武器，实现子弹撞击逻辑、目标命中检测和弹药计数。
- 移动：允许玩家使用WASD键或移动设备的触控操作在三维空间中移动，并实现碰撞检测防止穿越障碍物。
- 跳跃：加入跳跃功能，帮助玩家跨越障碍或空隙。

用户界面
- 血条：显示玩家生命值的可视化表示，受伤时实时更新。
- 弹药计数：展示剩余弹药数量，并随着弹药使用而更新。
- 小地图：包含一个小地图帮助玩家导航游戏场景。

代码与架构
- 对代码进行详细注释，描述功能和流程。
- 应用清晰的架构，将渲染、逻辑和用户输入处理分离。

PWA元素
- 确保Service Worker处理离线缓存。
- 包含manifest文件，指定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.