You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.3 KiB
32 lines
1.3 KiB
# 建立一款太空遊戲
|
|
|
|
一款太空遊戲能教會你更多 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/。
|
|
如果你熱愛設計遊戲,這邊有許多實用的資源,許多資源是免費的,有些則是付費內容。
|