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
3 years ago
|
# 构建一款太空游戏
|
||
|
|
|
||
|
|
一个空间游戏来教授更高级的 JavaScript 基础知识
|
||
|
|
|
||
|
|
在本课中，你将学习如何建立你自己的太空游戏。如果你曾经玩过 "太空侵略者 "这个游戏，这个游戏的想法是一样的：驾驶飞船，向从上面下来的怪物开火。下面是完成后的游戏的样子。
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
在这六节课中，你将学习以下内容。
|
||
|
|
|
||
|
|
- **是用** Canvas 元素在屏幕上绘制东西
|
||
|
|
- **了解**笛卡尔坐标系
|
||
|
|
- **学习** Pub-Sub 模式，创建更容易维护和扩展的健全的游戏架构
|
||
|
|
- **利用** 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/。
|
||
|
|
如果你喜欢建造游戏，这里有一些好东西，很多是免费的，也有些是付费的。
|