|
3 weeks ago | |
---|---|---|
.. | ||
1-introduction | 3 weeks ago | |
2-drawing-to-canvas | 3 weeks ago | |
3-moving-elements-around | 3 weeks ago | |
4-collision-detection | 3 weeks ago | |
5-keeping-score | 3 weeks ago | |
6-end-condition | 3 weeks ago | |
solution | 4 weeks ago | |
README.md | 4 weeks ago |
README.md
สร้างเกมอวกาศ
เกมอวกาศเพื่อเรียนรู้พื้นฐาน JavaScript ขั้นสูง
ในบทเรียนนี้ คุณจะได้เรียนรู้วิธีสร้างเกมอวกาศของคุณเอง หากคุณเคยเล่นเกม "Space Invaders" เกมนี้มีแนวคิดเดียวกัน: ควบคุมยานอวกาศและยิงมอนสเตอร์ที่ลงมาจากด้านบน นี่คือลักษณะของเกมเมื่อสร้างเสร็จ:
ในหกบทเรียนนี้ คุณจะได้เรียนรู้สิ่งต่อไปนี้:
- โต้ตอบ กับองค์ประกอบ Canvas เพื่อวาดสิ่งต่าง ๆ บนหน้าจอ
- เข้าใจ ระบบพิกัดคาร์ทีเซียน
- เรียนรู้ รูปแบบ Pub-Sub เพื่อสร้างโครงสร้างเกมที่มีเสียงและง่ายต่อการดูแลและขยาย
- ใช้ประโยชน์ จาก Async/Await เพื่อโหลดทรัพยากรของเกม
- จัดการ เหตุการณ์จากแป้นพิมพ์
ภาพรวม
- ทฤษฎี
- ปฏิบัติ
เครดิต
ทรัพยากรที่ใช้ในเกมนี้มาจาก https://www.kenney.nl/
หากคุณสนใจการสร้างเกม ที่นี่มีทรัพยากรที่ดีมากมาย ทั้งแบบฟรีและแบบเสียเงิน
ข้อจำกัดความรับผิดชอบ:
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI Co-op Translator แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้