การสร้าง MiniGame แบบง่ายๆ

สวัสดีครับ วันนี้จะมาสอนวิธีทำ Minigame ง่ายๆกันนะครับ ขั้นตอนแรกให้เราสร้างโปรเจ็คขึ้นมา เลือกเป็น single View Application และกด next จากนั้นตั้งชื่อโปรเจ็คของเราให้เรียบร้อย และกด Create ครับ






ขั้นตอนถัดมา เราจะมาทำการลากไฟล์รูปที่ใช้ทั้งหมดเข้ามาภายในโปรเจค และทำการจัดหน้าตาแอปพลิเคชั่นที่ Main Storyboard โดยสามารถแต่งพื้นหลังได้ตามความชอบ แต่อย่าลืมปรับ autoresizing กันด้วยนะครับ





ต่อไปทำการสร้าง class ให้กับรูป



จากนั้นทำการใส่คำสั่งที่สามารถทำให้รูปสามารถลากไปมาได้ 

ต่อไปเป็นการ ตั้งค่าให้กับปุ่ม Start ให้มันแสดง alert ขึ้นมา โดยทำการ คลิ้กที่ button และทำการ กด ctrl และลากมาที่ viewcontroller ตั้ง connection เป็น action แล้วทำการตั้งชื่อ เสร็จแล้วก็ทำการใส่คำสั่ง alert เข้าไป พอเสร็จแล้วก็กลับไปที่หน้า main storybroad และทำการคลิ้กที่ปุ่มแล้วกด ctrl ลากไปอีก viewcontroller และทำการเลือก Show
มันจะเป็นการกดแล้วทำการเปลี่ยนไปอีกหน้านึง









ขั้นตอนต่อไป เราจะประกาศ Outlet ให้กับตัว Label ทั้ง 2 กันครับ เลือกที่ Label -> Ctrl และลากไปยังหน้าสำหรับเขียนโค้ด  กำหนด Connection ให้เป็น Outlet ครับ เลือกที่ Label -> Ctrl และลากไปยังหน้าสำหรับเขียนโค้ด กำหนด Connection ให้เป็น Outlet ครับ และก็ทำการใส่คำสั่งเวลาถอยหลังไปที่ Viewdidload โดยฟังชั่น counter จะเป็นตัวนับเวลาถอยหลัง แต่อย่าลืมประกาศค่าสำหรับ เก็บเวลาด้วยนะครับ




ประกาศค่าเพื่อเก็บรูป และทำการใส่คำสั่งเขย่าเข้าไป โดยถ้าเราเขย่าจะสุ่มออกมา 1 รูป

และต่อมาคลิ้กที่ button และทำการ กด ctrl และลากมาที่ viewcontroller ตั้ง connection เป็น action แล้วทำการตั้งชื่อนะครับ



ใส่คำสั่งลงไปให้ปุ่ม Submit โดยปุ่มจะมีหน้าที่ตรวจสอบ ว่ารูปที่เราลากมาวางนั้นอยู่ในกรอบไหม ถ้าอยู่ในกรอบจะเด้ง

Alert ว่า correct แต่ถ้าไม่อยู่จะขึ้นว่า incorrect และจะทำการตรวจสอบถ้าเวลาหมด จะไม่สามารถเล่นต่อได้ขึ้นเตือนว่า No time

ประกาศตัวแปรเพื่อสร้าง Label ขึ้นมาเอง โดยจะอยู่ที่กลางของจอทุกขนาด
 แค่นี้ก็สามารถสร้างเกมส์เล่นแบบสนุกๆๆได้โดยไม่ยาก
ขอบคุณครับ
















Comments