<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "c8fc39a014d08247c082878122e2ba73",
  "translation_date": "2025-10-24T15:16:36+00:00",
  "source_file": "6-space-game/1-introduction/assignment.md",
  "language_code": "ja"
}
-->
# ゲームのモックアップ: デザインパターンの適用

## 課題概要

デザインパターンの知識を活かして、シンプルなゲームプロトタイプを作成しましょう！この課題では、アーキテクチャパターン（継承またはコンポジション）と、レッスンで学んだpub/sub通信システムを練習することが目的です。

## 指示

このレッスンで学んだデザインパターンを示すシンプルなゲームを作成してください。ゲームは機能的であれば十分で、複雑なグラフィックは必要ありません。基盤となるアーキテクチャと通信パターンに焦点を当ててください。

### 要件

**アーキテクチャパターンを選択する:**
- **オプションA**: クラスベースの継承を使用する（例: `GameObject` → `Movable` → `Hero`）
- **オプションB**: コンポジションを使用する（例: 工場関数アプローチで混合動作を使用）

**通信を実装する:**
- **`EventEmitter`クラス**を含め、pub/subメッセージングを実現する
- **少なくとも2～3種類のメッセージタイプ**を設定する（例: `PLAYER_MOVE`, `ENEMY_SPAWN`, `SCORE_UPDATE`）
- **ユーザー入力**（キーボード/マウス）をイベントシステムを通じてゲームイベントに接続する

**ゲーム要素を含める:**
- プレイヤーが操作するキャラクターを少なくとも1つ含める
- 他のゲームオブジェクト（敵、収集アイテム、環境要素など）を少なくとも1つ含める
- オブジェクト間の基本的な相互作用（衝突、収集、通信など）を実装する

### ゲームアイデアの提案

**検討すべきシンプルなゲーム:**
- **スネークゲーム** \u2013 ヘッドを追従するセグメント、ランダムにスポーンする食べ物
- **ポンのバリエーション** \u2013 入力に応じて動くパドル、壁で跳ね返るボール
- **収集ゲーム** \u2013 プレイヤーがアイテムを収集しながら障害物を避ける
- **タワーディフェンスの基本** \u2013 タワーが移動する敵を検知して攻撃する

### コード構造のガイドライン

```javascript
// Example starting structure
const Messages = {
  // Define your game messages here
};

class EventEmitter {
  // Your event system implementation
}

// Choose either class-based OR composition approach
// Class-based example:
class GameObject { /* base properties */ }
class Player extends GameObject { /* player-specific behavior */ }

// OR Composition example:
const gameObject = { /* base properties */ };
const movable = { /* movement behavior */ };
function createPlayer() { /* combine behaviors */ }
```

### 実装のテスト

**コードが動作することを確認する方法:**
- **テスト**: イベントがトリガーされたときにオブジェクトが移動または変化するか
- **確認**: 複数のオブジェクトが同じイベントに応答できるか
- **チェック**: 既存のコードを変更せずに新しい動作を追加できるか
- **確認**: キーボード/マウス入力が適切にゲームイベントをトリガーするか

## 提出ガイドライン

**提出物に含めるべきもの:**
1. **JavaScriptファイル**: ゲームの実装
2. **HTMLファイル**: ゲームを実行・テストするためのもの（シンプルで構いません）
3. **コメント**: 選択したパターンとその理由の説明
4. **簡単なドキュメント**: メッセージタイプとその機能の説明

## 採点基準

| 基準 | 優秀 (3点) | 適切 (2点) | 改善が必要 (1点) |
|----------|---------------------|---------------------|------------------------------|
| **アーキテクチャパターン** | 継承またはコンポジションを正しく実装し、明確なクラス/オブジェクト階層を持つ | 選択したパターンを使用しているが、軽微な問題や一貫性の欠如がある | パターンを使用しようとしているが、実装に重大な問題がある |
| **Pub/Subの実装** | EventEmitterが複数のメッセージタイプと適切なイベントフローで正しく動作する | 基本的なpub/subシステムが動作し、いくつかのイベント処理がある | イベントシステムは存在するが、信頼性に欠ける |
| **ゲームの機能性** | 3つ以上のインタラクティブな要素がイベントを通じて通信する | 2つのインタラクティブな要素が基本的なイベント通信を行う | 1つの要素がイベントに応答するか、基本的な相互作用がある |
| **コードの品質** | クリーンでコメントが充実し、論理的に整理されたモダンなJavaScript | 一般的に整理されたコードで、コメントが適度にある | コードは動作するが、整理や明確なコメントが不足している |

**ボーナスポイント:**
- **創造的なゲームメカニクス**: パターンの興味深い使用例を示す
- **複数の入力方法**: キーボードとマウスイベントの両方を使用
- **拡張可能なアーキテクチャ**: 新しい機能を簡単に追加できる構造

---

**免責事項**:  
この文書はAI翻訳サービス[Co-op Translator](https://github.com/Azure/co-op-translator)を使用して翻訳されています。正確性を追求していますが、自動翻訳には誤りや不正確さが含まれる可能性があります。元の言語で記載された文書が正式な情報源とみなされるべきです。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤解について、当社は責任を負いません。