Home / Developer  / iOS Game Developer Tutorial: รู้จักกับ Cocos2D เครื่องมือสร้างเกม

iOS Game Developer Tutorial: รู้จักกับ Cocos2D เครื่องมือสร้างเกม

Cocos2D สำหรับนักพัฒนาเกม
Cocos2D สำหรับนักพัฒนาเกม

Cocos2D สำหรับนักพัฒนาเกม

เครื่องมือสำหรับนักพัฒนาเกมบนแพลตฟอร์ม iOS นั้นก็คงหนีไม่พ้น Cocos2D ซึ่งในรอบนี้จะพาไปรู้จักชุดพัฒนาเกม 2 มิติตัวนี้ Cocos2D กับ Tutorial ชุดนี้ครับ
สำหรับบทความนี้เป็นบทเรียนพิเศษ ที่เพิ่มขึ้นมาเพิ่มแนะนำนักพัฒนาแอพพลิเคชันบนแพลตฟอร์ม iOS นั้นได้รู้จักวิธีการพัฒนาเกมด้วย Cocos2D จะไม่ได้เกี่ยวข้องกับ ชุดของบทเรียนของ iOS Developer แต่อย่างใดครับ ให้มองว่านี่เป็นอีกหนึ่ง Section ที่เปิดขึ้นมาเฉพาะกิจก็แล้วกัน

เข้าเรื่องครับ ให้พูดถึงชุดพัฒนาสำหรับพัฒนาเกมเบื้องต้นที่มีคนนิยมใช้มากสุดบนแพลตฟอร์มของ iOS และ Android ก็คงหนีไม่พ้น Cocos2D ซึ่งเหมาะกับผู้สนใจที่อยากจะพัฒนาแอพพลิเคชันประเภทเกมในรูปแบบ 2 มิติ ซึ่งในตัวของ Cocos2D นั้นมีคำสั่งในการเรียกใช้ที่ไม่ยากเกินไป และจัดการ Resource หรือทรัพยากรของไฟล์ได้ง่ายอีกด้วย

ขั้นตอนการติดตั้ง Cocos2D
ก่อนอื่นให้เข้าไปที่เว็บไซต์ http://www.cocos2d-iphone.org/ แล้วทำการดาวน์โหลดชุดพัฒนาของ Cocos2D มาไว้ในเครื่องคอมพิวเตอร์ของเรา

หน้าสำหรับดาวน์โหลดไฟล์ของ Cocos2D

หน้าสำหรับดาวน์โหลดไฟล์ของ Cocos2D

เมื่อดาวน์โหลดไฟล์ของ Cocos2D ลงมาที่เครื่องแล้วให้ทำการ คลิกเพื่อ Unzip โฟลเดอร์ของ Cocos2D ออกมา ตรวจสอบว่าเปิด Xcode IDE อยู่หรือไม่หากว่าเปิดอยู่ให้ปิดโปรแกรม Xcodeลงไปก่อน หลังจากนั้นให้เข้าไปเปิดโปรแกรม Terminal โดยไปที่เมนูหรือ ไอคอน Application บนเครื่องคอมพิวเตอร์ เลือกไปที่ Utilities และมองหาไอคอน Terminal ใช้คำสั่ง “cd” ไปยังที่อยู่โฟลเดอร์ของ Cocos2D ที่เราวางไว้ (อาจจะต้องหาเล็กน้อย ซึ่งส่วนมากของผมจะอยู่ที่ “Downloads”)

เปิดโปรแกรม Terminal

เปิดโปรแกรม Terminal

ทำการ “run” คำสั่ง “./install-templates.sh” ลงบน Xcode โดยรูปแบบคำสั่งจะมีลักษณะใกล้เคียงคำสั่งข้างล่าง

$ cd Downloads
$ cd cocos2d-iphone-1.0.0-rc2
$ ./install-templates.sh -f -u

หากดำเนินการ ตามขั้นตอนไปเรื่อยๆ จนเสร็จเรียบร้อย ให้ลองเปิด Xcode IDE ขึ้นมา จะพบ Template ของ Project ใหม่เป็นของ Cocos2d-iphone ทำการ New Project ว่า “FirstGame”

Template ของ Cocos2D

Template ของ Cocos2D

สร้าง Cocos2D Project ขึ้นมาชื่อว่า "FirstGame”

สร้าง Cocos2D Project ขึ้นมาชื่อว่า “FirstGame”

ตัว Template ของ Cocos2D Game นั้นจะสร้างไอคอน และหน้าจอ Splash Screen มาให้ทันทีอัตโนมัติ พร้อมไฟล์สำหรับเรียกใช้งานเพื่อสร้างเกมมากกว่า 200 ไฟล์

Cocos2D Project เบื้องต้น

Cocos2D Project เบื้องต้น

หากทำการลอง “Run” ตัวแอพพลิเคชันของเราจะพบหน้าจอ Splash Screen และ Hello World ที่มีการ Embed Font และ กราฟิกเมนูเบื้องต้นเรียบร้อยแล้ว ขึ้นมา ก็ถือว่าเราสามารถใช้งาน Cocos2D สำหรับสร้างเกมบน iPhone ได้สำเร็จ

Run ตัวแอพพลิเคชันของเราดู

Run ตัวแอพพลิเคชันของเราดู

สิ่งที่เราได้เรียนรู้ในบทเรียนนี้คือการติดตั้ง Cocos2D สำหรับพัฒนาแอพพลิเคชันประเภทเกมบน iPhone สำหรับนักพัฒนา iOS Developer ที่กำลังเริ่มต้นสนใจในการพัฒนาเกมแบบกราฟิก 2 มิติ

Comments

daydevthailand@gmail.com

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

Review overview
NO COMMENTS

POST A COMMENT