Home / Developer  / เขียนแอพ Game บน iPhone สร้างเกมแนว FlappyBird แบบง่าย

เขียนแอพ Game บน iPhone สร้างเกมแนว FlappyBird แบบง่าย

วิธีการเขียนเกมบน iPhone โดยไม่ใช้ Cocos2D มาเกี่ยวเลย ให้ได้เกมแนว FlappyBird แบบง่ายที่สุด ไม่ต้องใช้ Framework ในการพัฒนา พร้อม Source Code ในบทความจากบทความนี้ครับ ปิดตำนานเกมฮิต FlappyBird ถอนแอพพลิเคชันออกไปแล้ว ทำให้หลายคนเริ่มอยากจะเล่น และอยากจะรู้ว่าเกมนี้มันเขียนยากไหม ในต่างประเทศมีคนขาย Source code เจ้าเกมแนวนี้เยอะมาก ปาไป 3,000 บาทเลยแหละทั้ง Flappy Crocodile และ Flappy Penguin สำหรับ iOS Game ก็มีไอเดียการพัฒนาแยกย่อยแตกต่างไปทั้งแบบมี Framework Cocos2DX หรือไม่ใช่ ในตัวอย่างที่ผมลองไปหา Ref จากเมืองนอกมาโมครับ ก็เป็นแนวง่ายๆ

โปรเจ็คนี้ไม่ต้องเขียนด้วย Cocos2D นะครับขอย้ำ ให้เริ่มโดยการทำดังนี้

เปิด New Project ขึ้นมาใหม่เป็น Single View Application ครับ

Screen Shot 2557-02-11 at 3.35.48 PM

ตั้งชื่อเท่ๆ ของเกมเราผม ตั้งชื่อว่า FlappySuck ครับ

Screen Shot 2557-02-11 at 3.36.01 PM

วิธีการก็คือเปิดไฟล์ MainStoryBoard ขึ้นมา เลือก Control คือ View วางลงเป็นฉากก่อนนะครับ ตามด้วยพื้น ต่อมาเลือก UIImage View ครับใส่ภาพนกลงไปก่อน

Screen Shot 2557-02-11 at 3.36.21 PM Screen Shot 2557-02-11 at 3.45.07 PM

เปิดไฟล์ ViewController.h ขึ้นมาทำการ Link สร้าง IBOutlet ทุกตัวครับ UIImageView ตั้งชื่อว่า block และ View ทั้งฉากหลัง และพื้นตั้งว่า sky และ ground

ระหว่างนั้นเรียงลำดับ Layer ของ ViewController บน MainStoryBoard ให้ดีนะครับ ตัวล่างสุดอยู่ Layer บนสุดครับ

Screen Shot 2557-02-11 at 3.44.56 PM

เปิดไฟล์ ViewController.m ขึ้นมาครับ ประกาศ Header ตามนี้

ต่อมาไปที่ Method ของ ViewDidLoad() ครับ เพิ่ม Code ไปตามนี้ เป็นการระบุ การสร้าง พื้น Ground และ Generate ตัวท่อออกมาครับ ให้เป็นสีเขียว

โดย Code ส่วนนั้นจะเกี่ยวข้องกับ การสร้างท่อ หรือ Pipe ดังนี้ครับ

อ้างอิงโดยการสุ่มการสร้างในเมธอด getRand()

ต่อมาเพิ่ม code ส่วนของ Event เมื่อมีการแตะหน้าจอครับ ให้นกกระเด้งขึ้น

พิจารณาหากแตะแล้วไม่ต่อเนื่อง นกจะร่วงตาม Gravity ของสูตรนี้

ต่อมาถ้านก ร่วงชนพื้นหรือ ชนท่อก็ให้ใช้ หลักการนี้ครับ Collision Detect ตัวโปรแกรมใส่ลงไป

ตั้งค่าเกมไม่ให้มี การ พลิกหน้าจอเกม แนวตั้ง แนวนอน ให้เป็นแนวตั้งอย่างเดียว

ลองทดสอบ รันเกมของเราดูครับ โดยการ “Run”

เริ่มเกม

เริ่มเกม

ร่วง ตายห่า

ร่วง ตายห่า

ท่อโผล่มา

ท่อโผล่มา

เกม Over

เกม Over

ตัวอย่าง Source Code ตัว Project นี้ครับดาวน์โหลดที่นี่ครับ http://adf.ly/dPtAP

Ref: FlappyBlock, Cocos2D Resource

Comments

daydevthailand@gmail.com

<p>อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)</p>

Review overview
NO COMMENTS

Sorry, the comment form is closed at this time.