DOOMのようなゲームにインスパイアされた3Dのサードパーソンシューターゲームを作成してください。ゲームはHTML5、CSS3、JavaScript (ES6+)を使用して開発され、外部フレームワークは使用しません。

機能
* 全てのCSSとJavaScriptを含む完全なHTMLページ。
* オフライン利用のためのService Worker登録とマニフェストファイルを含むProgressive Web App (PWA)機能の実装。
* モバイルとデスクトップの両方で動作するレスポンシブレイアウトのデザイン。
* タッチ操作、キーボード、マウスのインタラクション対応を確実に行う。
* ユーザー体験を向上させるためのスムーズなアニメーションとトランジションの作成。

指示

ゲームメカニクス
- シューティング：プレイヤーはエイムして武器を発射できる必要があります。弾の衝突ロジック、ターゲット命中判定、弾薬数の管理を実装してください。
- 移動：WASDキーまたはモバイル向けタッチ操作を使用してプレイヤーが3D空間を移動できるようにし、障害物との衝突検知を実装して障害物をすり抜けないようにします。
- ジャンプ：プレイヤーが障害物や隙間を越えるためのジャンプ機能を含めてください。

ユーザーインターフェース
- ヘルスバー：プレイヤーの体力をバーで視覚的に表示し、ダメージを受けるとリアルタイムで更新されます。
- 弾薬カウント：弾薬の残量を表示し、使用するごとに更新します。
- ミニマップ：ゲームエリアのナビゲーションを助ける小さな地図を含めます。

コードとアーキテクチャ
- 機能や処理の流れを説明するために、コードに十分なコメントを追加してください。
- レンダリング、ロジック、ユーザー入力の処理を明確に分離する構造でアプリケーションを設計します。

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.