# 构建一个太空游戏 一个通过太空游戏学习更高级 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) 进行翻译。尽管我们努力确保翻译的准确性,但请注意,自动翻译可能包含错误或不准确之处。应以原始语言的文档作为权威来源。对于关键信息,建议使用专业人工翻译。因使用本翻译而引起的任何误解或误读,我们概不负责。