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.
Web-Dev-For-Beginners/translations/zh/6-space-game/README.md

43 lines
1.8 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "c40a698395ee5102715f7880bba3f2e7",
"translation_date": "2025-08-23T22:51:01+00:00",
"source_file": "6-space-game/README.md",
"language_code": "zh"
}
-->
# 构建一个太空游戏
一个通过太空游戏学习更高级 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) 进行翻译。尽管我们努力确保翻译的准确性,但请注意,自动翻译可能包含错误或不准确之处。应以原始语言的文档作为权威来源。对于关键信息,建议使用专业人工翻译。因使用本翻译而引起的任何误解或误读,我们概不负责。