3D戦車ゲーム (HTML5)

概要

HTML5、CSS3、JavaScriptで実装するデスクトップ&モバイル対応の3D戦車ゲームを作成。

プロンプト

3D戦車ゲームを作成してください。外部フレームワークを使用せず、HTML5、CSS3、JavaScript (ES6+)を用いて実装してください。タッチ入力とキーボード/マウス入力の両方をサポートし、デスクトップおよびモバイルで動作することを確認してください。

ゲーム要件:

1. プラットフォームと技術:
   - HTML5、CSS3、JavaScript (ES6+)のみを使用する。
   - デスクトップとモバイル双方との互換性を保証する。
   - タッチ操作と従来のキーボード/マウス操作の両方をサポートする。

2. 機能:
   - チュートリアルヒント付きの直感的な操作。
   - 進行に合わせた難易度とレベルシステム。
   - localStorageを使用して進行状況を保存する。
   - スコアおよび実績システムを実装する。

3. ビジュアルとオーディオ要素:
   - 魅力的で一貫性のあるユーザーインターフェースを構築する。
   - フィードバック用のアニメーションを統合する。
   - 効果音と背景音楽を組み込み、ミュートオプションを提供する。

4. パフォーマンスと最適化:
   - 安定したFPSパフォーマンスを実現するために最適化する。
   - 効率的なアルゴリズムを使用してゲームロジックを実装する。
   - リソース消費を最小限に抑え、応答性の高い操作を保証する。

5. ユーザー体験:
   - 明確な指示とゲームの目的を提供する。
   - 視覚および聴覚のポジティブなフィードバックを使用する。
   - 興味を維持するバランスの取れた難易度を保持する。

6. その他の詳細:
   - リソースを組み込んだコンパクトなコードを作成する。
   - 安定性のためにデバッグとエラーハンドリングを有効にする。
   - 将来的な変更に備えコードにコメントを付ける。
   - 異なるデバイスに対応したレスポンシブデザインを実装する。

開発手順:
   - CSSでスタイル、JavaScriptで機能を実装した基本のHTML構造から始める。
   - 360度回転と発射機能を持つ戦車の動作メカニズムを開発する。
   - 複雑さが増すレベルデザインと敵のAIパターンを作成する。
   - 体力、スコア、レベル進行状況を表示する動的なUIオーバーレイを実装する。
   - プレイヤーの実績やゲームの状態を追跡するlocalStorageモジュールを作成する。
   - タッチ操作とキーボード/マウス操作がシームレスに動作するか、複数のデバイスでテストする。

現代のJavaScript機能を活用し、快適なユーザー体験と最適なパフォーマンスを目指してください。

元のプロンプト

# Задание: Создай игру танки 3d

## Требования к игре:
1. **Платформа и технологии:**
   - Использовать HTML5, CSS3 и JavaScript (ES6+) без внешних фреймворков
   - Обеспечить работу на настольных и мобильных устройствах
   - Поддержка сенсорного управления и клавиатуры/мыши

2. **Функциональность:**
   - Интуитивно понятное управление с обучающими подсказками
   - Прогрессивная сложность и система уровней
   - Сохранение прогресса в localStorage
   - Система очков и достижений

3. **Визуальные и аудио элементы:**
   - Привлекательный и согласованный пользовательский интерфейс
   - Анимации для обеспечения отзывчивости и обратной связи
   - Звуковые эффекты и фоновая музыка с возможностью отключения

4. **Производительность и оптимизация:**
   - Оптимизированная производительность с стабильным FPS
   - Эффективные алгоритмы для обработки игровой логики
   - Минимизация потребления ресурсов и отзывчивость управления

5. **Пользовательский опыт:**
   - Четкие инструкции и цели игры
   - Положительное подкрепление через визуальные и звуковые эффекты
   - Сбалансированная кривая сложности для поддержания интереса

## Дополнительные детали:
- Создайте компактный код с встроенными ресурсами
- Обеспечьте отладку и обработку ошибок для стабильной работы
- Комментируйте код для будущих модификаций
- Реализуйте адаптивный дизайн для различных устройств

## Структура ответа:
1. Предоставьте полный HTML-файл, готовый к запуску
2. Включите все CSS и JavaScript непосредственно в HTML
3. Документируйте управление и механику игры в начале файла

Q: Какая механика движения и атаки предусмотрена для танков?
A: ты профессионал с многолетним опытом, сам решай!

Q: Как игроки будут проходить уровни и получать достижения?
A: ты профессионал с многолетним опытом, сам решай!

生成コストの概要

モデル名: claude-3-7-sonnet-latest

応答時間: 284.52 sec.

結果トークン: 20,533

コスト: $0.31113300