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/th/6-space-game
leestott 425e0f6fbe
🌐 Update translations via Co-op Translator
3 weeks ago
..
1-introduction 🌐 Update translations via Co-op Translator 3 weeks ago
2-drawing-to-canvas 🌐 Update translations via Co-op Translator 3 weeks ago
3-moving-elements-around 🌐 Update translations via Co-op Translator 3 weeks ago
4-collision-detection 🌐 Update translations via Co-op Translator 3 weeks ago
5-keeping-score 🌐 Update translations via Co-op Translator 3 weeks ago
6-end-condition 🌐 Update translations via Co-op Translator 3 weeks ago
solution 🌐 Update translations via Co-op Translator 4 weeks ago
README.md 🌐 Update translations via Co-op Translator 4 weeks ago

README.md

สร้างเกมอวกาศ

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

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

Finished game

ในหกบทเรียนนี้ คุณจะได้เรียนรู้สิ่งต่อไปนี้:

  • โต้ตอบ กับองค์ประกอบ Canvas เพื่อวาดสิ่งต่าง ๆ บนหน้าจอ
  • เข้าใจ ระบบพิกัดคาร์ทีเซียน
  • เรียนรู้ รูปแบบ Pub-Sub เพื่อสร้างโครงสร้างเกมที่มีเสียงและง่ายต่อการดูแลและขยาย
  • ใช้ประโยชน์ จาก Async/Await เพื่อโหลดทรัพยากรของเกม
  • จัดการ เหตุการณ์จากแป้นพิมพ์

ภาพรวม

เครดิต

ทรัพยากรที่ใช้ในเกมนี้มาจาก https://www.kenney.nl/
หากคุณสนใจการสร้างเกม ที่นี่มีทรัพยากรที่ดีมากมาย ทั้งแบบฟรีและแบบเสียเงิน


ข้อจำกัดความรับผิดชอบ:
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI Co-op Translator แม้ว่าเราจะพยายามให้การแปลมีความถูกต้อง แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้