# 建立範例遊戲

## 作業概覽

既然你已經掌握了太空遊戲中的遊戲結束條件和重啟功能，現在是時候將這些概念應用於全新的遊戲體驗。你將設計並製作自己的遊戲，展示不同的結束條件模式和重啟機制。

本作業挑戰你對遊戲設計的創意思考，同時練習你學到的技術技能。你將探索不同的勝利與失敗場景、實作玩家成長，並創造吸引人的重啟體驗。

## 專案需求

### 核心遊戲功能

你的遊戲必須包含以下關鍵元素：

**結束條件多樣性**：實作至少兩種不同的遊戲結束方式：
- **基於點數的勝利**：玩家達到目標分數或收集特定物品
- **基於生命的失敗**：玩家失去所有可用生命或生命值
- **目標完成**：所有敵人被擊敗、特定物品被收集或目標達成
- **基於時間**：遊戲在設定時間結束或倒數計時歸零時結束

**重啟功能**：
- **清除遊戲狀態**：移除所有先前遊戲物件並重設變數
- **重新初始化系統**：以新的玩家狀態、敵人和目標重新開始
- **使用者友善的操作**：提供明確的重啟遊戲指示

**玩家回饋**：
- **勝利訊息**：透過正面回饋慶祝玩家成就
- **失敗訊息**：提供鼓勵話語激勵玩家重玩
- **進度指示**：顯示當前分數、生命或目標狀態

### 遊戲點子與靈感

選擇以下遊戲概念其一或自行創作：

#### 1. 主控台冒險遊戲
製作具有戰鬥機制的文字冒險：

```
Hero> Strikes with broadsword - orc takes 3p damage
Orc> Hits with club - hero takes 2p damage  
Hero> Kicks - orc takes 1p damage
Game> Orc is defeated - Hero collects 2 coins
Game> ****No more monsters, you have conquered the evil fortress****
```

**要實作的關鍵功能：**
- **回合制戰鬥**，具備不同攻擊選項
- 玩家與敵人皆有**生命值**
- 蒐集金幣或物品的**物品欄系統**
- 多種敵人類型，難度各異
- 當所有敵人被擊敗即為**勝利條件**

#### 2. 收藏遊戲
- **目標**：收集特定物品並避開障礙
- **結束條件**：達到目標收集數或失去所有生命
- **進展**：隨遊戲進行物品變得更難收集

#### 3. 解謎遊戲
- **目標**：解開日益困難的謎題
- **結束條件**：完成所有關卡或用完移動次數/時間
- **重啟**：重設至第一關並清除進度

#### 4. 防禦遊戲
- **目標**：保護基地抵禦敵人波次
- **結束條件**：生存所有波次（勝利）或基地被摧毀（失敗）
- **進展**：敵人波次增加難度與數量

## 實作指引

### 開始步驟

1. **規劃你的遊戲設計**：
   - 繪製基本遊戲循環草圖
   - 清楚定義你的結束條件
   - 確認重啟時需要重設哪些資料

2. **建立專案結構**：
   ```
   my-game/
   ├── index.html
   ├── style.css
   ├── game.js
   └── README.md
   ```

3. **建立核心遊戲循環**：
   - 初始化遊戲狀態
   - 處理使用者輸入
   - 更新遊戲邏輯
   - 檢查結束條件
   - 呈現目前狀態

### 技術需求

**使用現代 JavaScript**：
- 使用 `const` 與 `let` 來宣告變數
- 適當使用箭頭函數
- 實作 ES6+ 的功能，例如模板字串與解構賦值

**事件驅動架構**：
- 建立使用者互動事件處理器
- 透過事件實作遊戲狀態變化
- 使用事件監聽器支援重啟功能

**良好程式碼慣例**：
- 編寫單一職責的函式
- 使用具描述性的變數與函數名稱
- 添加說明遊戲邏輯與規則的註解
- 程式碼依邏輯區段組織

## 繳交需求

### 繳交資料

1. **完整遊戲檔案**：包含所有執行遊戲所需的 HTML、CSS 及 JavaScript 檔案
2. **README.md**：文件說明：
   - 如何遊玩你的遊戲
   - 你實作了哪些結束條件
   - 重啟指令說明
   - 任何特殊功能或機制
3. **程式碼註解**：清楚解釋你的遊戲邏輯與演算法

### 測試檢查表

提交前請確認你的遊戲：

- [ ] **在瀏覽器控制台沒有錯誤**
- [ ] **實作多種結束條件**
- [ ] **能夠正確重啟並重設狀態**
- [ ] **提供清楚的遊戲狀態回饋**
- [ ] **使用現代 JavaScript 語法與最佳實作**
- [ ] **README.md 包含完整文件說明**

## 評分標準

| 評分標準 | 優異 (4) | 熟練 (3) | 進展中 (2) | 初學 (1) |
|----------|----------|----------|------------|----------|
| **遊戲功能** | 完整遊戲，多種結束條件，順暢重啟，遊玩體驗優良 | 全遊戲含基本結束條件及功能性重啟機制 | 部分遊戲，有部分結束條件，重啟有些微問題 | 遊戲不完整，功能有限且有明顯錯誤 |
| **程式碼品質** | 乾淨、組織良好程式碼，用現代 JavaScript，詳盡註解，結構優良 | 良好程式碼組織，使用現代語法，足夠註解，結構清楚 | 基本程式碼組織，部分現代語法，註解少 | 程式碼組織差，使用過時語法，缺少註解與結構 |
| **使用者體驗** | 直覺式遊玩，清楚指示，卓越回饋，吸引人結束與重啟體驗 | 良好遊玩，足夠指示與回饋，結束與重啟功能可用 | 基本玩法，指示少，遊戲狀態回饋有限 | 遊玩混亂，指示不清，回饋差 |
| **技術實作** | 展現遊戲開發概念、事件處理與狀態管理之專業 | 對遊戲概念理解良好並有良好實作 | 理解基礎並有可接受實作 | 理解有限，實作不佳 |
| **文件說明** | 全面 README，指示清楚，程式碼說明豐富，測試證據完整 | 良好文件，指示清楚，程式碼註解足夠 | 基本文件，指示簡單 | 文件不足或缺失 |

### 評分區間
- **優異 (16-20 分)**：超出期望，具創意功能與完善實作
- **熟練 (12-15 分)**：符合所有需求且執行良好
- **進展中 (8-11 分)**：大部分需求滿足，少許問題
- **初學 (4-7 分)**：部分需求滿足，需大幅改進

## 其他學習資源

- [MDN 遊戲開發指南](https://developer.mozilla.org/en-US/docs/Games)
- [JavaScript 遊戲開發教學](https://developer.mozilla.org/en-US/docs/Games/Tutorials)
- [Canvas API 文件](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API)
- [遊戲設計原則](https://www.gamasutra.com/blogs/)

> 💡 **專業提示**：從簡單開始，逐步加入功能。一款精心打磨的簡單遊戲比有漏洞的複雜遊戲更好！

---

<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**免責聲明**：  
本文件係使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。雖然我們致力於提供準確的翻譯，但請注意，自動翻譯可能存在錯誤或不準確之處。原始語言版本的文件應被視為權威來源。對於重要資訊，建議採用專業人工翻譯。我們對因使用此翻譯而產生的任何誤解或錯誤解讀概不負責。
<!-- CO-OP TRANSLATOR DISCLAIMER END -->