วันศุกร์ที่ 28 สิงหาคม พ.ศ. 2558

Construct 2 : เกมจับคู่ภาพกับคำ ตอนที่ 1

หลายครั้งที่เราพบเกมที่ใช้เป็นสื่อในการเรียนรู้ หรือเล่นไปได้ความรู้ไปด้วย อย่างเกมที่ผมจะมานำเสนอในบทความครั้งนี้คือเกมที่จับคู่ภาพกับคำศัพท์ เกมลักษณะนี้จะส่งเสริมการเรียนรู้ได้ดีกว่าการท่องศัพท์โดยตรง เพราะคนเราจะจำภาพได้ดีกว่าตัวอักษร
ขั้นแรกต้องออกแบบตัวเกมก่อน  ผมกำหนดให้เกมมี 3 ฉาก คือ ฉากเริ่มต้นของเกม ฉากเกม และฉากสรุปคะแนน ขั้นตอนแรกสร้างโปรเจคของเกมด้วยโปรแกรม Construct 2 ก่อนนะครับ ผมตั้งชื่อว่า PicAndWord


และกำหนดขนาดของเกมเป็น 800 x 480



สร้าง Layout ของเกมขึ้นมา 3 ตัว เพื่อเป็นฉากเกมตามที่ได้วางแผนไว้ ตั้งชื่อเป็น StartGame, PlayGame, EndGame โดยให้จับคู่กับ Event sheet 1, Event sheet 2, Event sheet 3 ตามลำดับ


ออกแบบหน้าตาของหน้าแรกใน Layout StartGame ในกรณีนี้ผมสร้างเป็นภาพจากโปรแกรมตกแต่งภาพแล้วนำมาใช้งานในเกม


สร้างปุ่มด้วย sprite ขึ้นมา 2 ปุ่ม คือ Start  และ Exit สำหรับเริ่มเกมและออกจากเกม

                                                     แสดงปกติ          เมื่อนำเมาส์ไปคลิก

การสร้างปุ่มจะเพิ่มแบบ Sprite โดยการ Insert new Object แล้วเลือกภาพแบบเคลื่อนไหว ด้วยการคลิกขวา เลือกคำสั่ง Import frames -> From files...  เลือกภาพปุ่ม start ภาพที่หนึ่งเข้ามา คือภาพที่แสดงปกติ

เปลี่ยนชื่อภาพเคลื่อนไหวเป็น normal 


เพิ่มภาพเคลื่อนไหวอีกครั้งโดยใช้ชื่อว่า over แล้วเพิ่มภาพของปุ่ม start มาทั้งสองภาพ


กำหนดให้แสดงแบบวนซ้ำ เวลาแสดงจะเหมือนปุ่มมีการกระพริบ


เพิ่มปุ่มอีกหนึ่งปุ่ม คือ Exit  กำหนดค่าเช่นเดียวกันกับปุ่ม Start แล้วจัดตำแหน่งของปุ่มให้อยู่ตรงกลางของหน้าเกม




ไม่มีความคิดเห็น:

แสดงความคิดเห็น