<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "c40a698395ee5102715f7880bba3f2e7",
  "translation_date": "2025-08-26T21:52:16+00:00",
  "source_file": "6-space-game/README.md",
  "language_code": "th"
}
-->
# สร้างเกมอวกาศ

เกมอวกาศเพื่อเรียนรู้พื้นฐาน JavaScript ขั้นสูง

ในบทเรียนนี้ คุณจะได้เรียนรู้วิธีสร้างเกมอวกาศของคุณเอง หากคุณเคยเล่นเกม "Space Invaders" เกมนี้มีแนวคิดเดียวกัน: ควบคุมยานอวกาศและยิงมอนสเตอร์ที่ลงมาจากด้านบน นี่คือลักษณะของเกมเมื่อสร้างเสร็จ:

![Finished game](../../../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) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้