# 建立一款太空遊戲 一款太空遊戲能教會你更多 JavaScript 的進階概念 這系列課程中,你會學習如何建立屬於自己的太空遊戲。如果你遊玩過遊戲「太空侵略者」,這款遊戲有相同的套路:操控太空船並擊落由上接近的怪物。這是遊戲完成後的模樣: ![遊戲成品](../images/pewpew.gif) 這六堂課程中,你會學習: - **使用** Canvas 元素來在畫面上繪製物件 - **了解**笛卡爾座標系 - **學習**發布與訂閱設計模式,建立容易維護及擴增的遊戲結構 - **利用** Async/Await 來讀取遊戲資源 - **處理**鍵盤事件 ## 總覽 - 理論 - [利用 JavaScript 設計遊戲](../1-introduction/translations/README.zh-tw.md) - 實作 - [在畫布上繪製](../2-drawing-to-canvas/translations/README.zh-tw.md) - [移動畫面上之物件](../3-moving-elements-around/translations/README.zh-tw.md) - [碰撞偵測](../4-collision-detection/translations/README.zh-tw.md) - [持續得分](../5-keeping-score/translations/README.zh-tw.md) - [結束與重新遊戲](../6-end-condition/translations/README.zh-tw.md) ## 參與人員 遊戲資源皆來自於 https://www.kenney.nl/。 如果你熱愛設計遊戲,這邊有許多實用的資源,許多資源是免費的,有些則是付費內容。