ณรงค์พร
นาย ณรงค์พร เหล่าศรีสิน

บทที่ 14 – สร้างเกม Pong


หลังจากที่เราได้เรียนรู้การใช้ Canvas ในการวาดรูป และจับแมลงมาวิ่งไปวิ่งมาบน canvas แล้ว ในบทนี้ เรามาเรียนวิธีใช้ Canvas อีกลักษณะหนึ่ง

คือ ทำภาพเคลื่อนไหว และเกมส์ ซึ่งเราสามารถใช้นิ้วควบคุมการเล่นเกมส์บนหน้าจอได้

ตัวอย่างเกมส์ที่ทำขึ้นมานี้ คล้ายเกมส์ตีปิงปองในสมัยก่อน แต่ถึงแม้จะดูเป็นเกมง่ายๆ แต่เมื่อไล่ Flow ก็จะเห็นว่า มีความซับซ้อนพอสมควร แต่ด้วยความง่ายของ App Inventor ซึ่งมีคำสั่งต่างๆ ใน canvas สำหรับการสร้างเกมอยู่บ้างแล้ว ทำให้การสร้างแกมนี้ ง่ายขึ้น

คำสั่งสำหรับการสร้างเกม ได้แก่

  • Event Touched ที่เกิดขึ้นเมื่อมีการแตะ imageSprite
  • Event Dragged ที่เกิดขึ้นเมื่อมีการลาก imageSprite
  • Event EdgeReach ที่เกิดขึ้นเมื่อ Sprite วิ่งชนขอบ
  • Event CollideWith ที่เกิดขึ้นเมื่อ Sprite วิ่งชนกัน
  • MoveTo สำหรับเคลื่อน Sprite ไปยังตำแหน่งต่างๆ
  • Bounce สำหรับสั่งให้ Sprite กระดอนจากขอบหรือด้านต่างๆ
  • Random Integer สำหรับการสุ่มตัวเลขไม่ซ้ำกัน

เป็นต้น

มีข้อสงสัย สอบถามได้ที่
Facebook - http://fb.me/narongporn.lao

คุณสามารถรับชม VDO อื่นๆ ในคอร์สนี้ได้ที่
https://www.youtube.com/playlist?list=PLi8U-R74CWSVbdWO1iX3jjTUexEx06RBF
"LIKE, SHARE, SUBSCRIBE เพื่อแบ่งปันความรู้สู่วงกว้าง"

คำสำคัญ (Tags): #App Invemtor
หมายเลขบันทึก: 617286เขียนเมื่อ 21 ตุลาคม 2016 08:49 น. ()แก้ไขเมื่อ 21 ตุลาคม 2016 08:49 น. ()สัญญาอนุญาต: ครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-ไม่ดัดแปลง


ความเห็น (0)

ไม่มีความเห็น

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ขอแนะนำ ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี