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
4 years ago
|
# 建立一款太空遊戲
|
||
|
|
|
||
|
|
一款太空遊戲能教會你更多 JavaScript 的進階概念
|
||
|
|
|
||
|
|
這系列課程中，你會學習如何建立屬於自己的太空遊戲。如果你遊玩過遊戲「太空侵略者」，這款遊戲有相同的套路：操控太空船並擊落由上接近的怪物。這是遊戲完成後的模樣：
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
這六堂課程中，你會學習：
|
||
|
|
|
||
|
|
- **使用** 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/。
|
||
|
|
如果你熱愛設計遊戲，這邊有許多實用的資源，許多資源是免費的，有些則是付費內容。
|