บทที่ 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 เพื่อแบ่งปันความรู้สู่วงกว้าง"