バブルシューターゲーム

概要

基本的なメカニクスとミニマルデザインのHTMLバブルシューターゲーム。

プロンプト

インタラクティブなHTMLページとして「Bubble Shooter」ゲームを作成してください。基本的なメカニクスとミニマルなデザインで完全に動作する必要があります。ゲームには、赤、青、緑、黄、紫の5色を含む、ゆっくりと下に降りるバブルのグリッドが含まれるべきです。バブルは接触時にグリッドや互いに付着します。バブルは他のバブルまたは上部の境界に触れるとグリッドに固定されます。同じ色のバブルが3つ以上繋がると、バブルが破裂してプレイヤーに得点が入ります。グループが破壊された後、接続されていないバブルが落下するカスケード効果が発生します。バブルが画面の下端に達すると、ゲームは終了します。

### 指示:
1. **レイアウト**: 下降するバブルグリッドがはっきりと中央に表示される、シンプルでクリーンなインターフェースを設計してください。スコアを目立つように表示し、最小限のナビゲーションまたは設定エリアを追加することも検討してください。

2. **ゲームメカニクス**:
   - バブルグリッドを配列で実装し、それぞれのバブルを隣接するバブルと接続できるノードとしてください。
   - 物理エンジンを用いて、画面下部からバブルを発射するシミュレーションを行い、プレイヤーが様々な角度で狙って発射できるようにしてください。
   - 発射されたバブルがどこに固定されるかを判定するため、衝突検出を組み込みます。
   - 難易度を上げるために、一定間隔でグリッドが自動で下降するようにしてください。

3. **インタラクション**:
   - キーボードまたはマウス操作でバブルの狙いと発射を可能にしてください。
   - バブルが破裂した際の得点更新のため、スコアリングシステムを開発してください。

4. **ビジュアルおよびサウンドエフェクト**:
   - バブルの破裂や移動にアニメーションを使用し、粒子エフェクトで臨場感を高めてください。
   - 発射、破裂、連鎖反応のサウンドエフェクトを統合し、レベルアップやゲームオーバー時に音楽的なヒントを加えてください。

5. **ゲーム終了のロジック**:
   - 最下部に到達するバブルを監視して、ゲームオーバーの条件を判定してください。

6. **テストと最適化**:
   - 異なるブラウザでの互換性を確保し、シームレスなプレイ体験を提供してください。
   - 各デバイスでスムーズに動作するよう、アニメーションとインタラクションを最適化してください。

元のプロンプト

ты профессионал с многолетним опытом, создай игру "bubble shooter"  в виде интерактивной HTML-страницы. Игра должна быть полностью функциональной, с базовой механикой и минималистичным дизайном.  
---
Основные элементы игры:
сетка пузырей медленно опускается вниз
пузыри 5 цветов (например, красный, синий, зеленый, желтый, фиолетовый).  
Пузыри прилипают к сетке или другим пузырям при попадании.  
Пузырь прилипает к сетке при соприкосновении с другим пузырем или верхней границей.
Если 3+ пузыря одного цвета соединяются, они лопаются, игрок получает очки.
Цепные реакции: падение несвязанных пузырей после уничтожения группы.
Игра заканчивается, если пузыри достигают нижней границы экрана.
Яркие цвета, мультяшная графика с анимацией лопающихся пузырей.
Эффекты частиц при уничтожении пузырей.



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

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

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

生成コストの概要

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

応答時間: 121.68 sec.

結果トークン: 10,471

コスト: $0.16013700