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.
45 lines
3.8 KiB
45 lines
3.8 KiB
<!--
|
|
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" เกมนี้มีแนวคิดเดียวกัน: ควบคุมยานอวกาศและยิงมอนสเตอร์ที่ลงมาจากด้านบน นี่คือลักษณะของเกมเมื่อสร้างเสร็จ:
|
|
|
|
|
|
|
|
ในหกบทเรียนนี้ คุณจะได้เรียนรู้สิ่งต่อไปนี้:
|
|
|
|
- **โต้ตอบ** กับองค์ประกอบ 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) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้ |