# 建造太空遊戲 一款教導更高級 JavaScript 基礎的太空遊戲 在這堂課中,你將學習如何製作自己的太空遊戲。如果你曾玩過「太空侵略者」這款遊戲,這款遊戲的概念與其相似:操控一艘太空船並射擊從上方降下的怪物。以下是完成後的遊戲樣貌: ![完成的遊戲](../../../6-space-game/images/pewpew.gif) 在這六堂課中,你將學到以下內容: - **互動**:使用 Canvas 元素在螢幕上繪製物件 - **理解**:笛卡爾座標系統 - **學習**:使用 Pub-Sub 模式建立更易於維護和擴展的遊戲架構 - **運用**:Async/Await 來載入遊戲資源 - **處理**:鍵盤事件 ## 概述 - 理論 - [使用 JavaScript 建造遊戲的介紹](1-introduction/README.md) - 實作 - [在 Canvas 上繪圖](2-drawing-to-canvas/README.md) - [在螢幕上移動元素](3-moving-elements-around/README.md) - [碰撞檢測](4-collision-detection/README.md) - [計分](5-keeping-score/README.md) - [結束並重新開始遊戲](6-end-condition/README.md) ## 致謝 本遊戲使用的素材來自 https://www.kenney.nl/。 如果你對製作遊戲感興趣,這裡有非常棒的素材,許多是免費的,也有一些是付費的。 **免責聲明**: 本文檔使用 AI 翻譯服務 [Co-op Translator](https://github.com/Azure/co-op-translator) 進行翻譯。儘管我們努力確保準確性,但請注意,自動翻譯可能包含錯誤或不準確之處。原始語言的文件應被視為權威來源。對於關鍵信息,建議使用專業人工翻譯。我們對因使用此翻譯而引起的任何誤解或錯誤解釋不承擔責任。