Home / Developer  / เขียนเกมบน iPhone ด้วย SpriteKit บน iOS7 กับการสร้าง Menu Title ของเกม

เขียนเกมบน iPhone ด้วย SpriteKit บน iOS7 กับการสร้าง Menu Title ของเกม

วิธีการสร้างหน้า Title และ Menu ในเกม สำหรับ Game Developer หรือนักพัฒนาเกมบน iPhone มือใหม่ด้วย SpriteKit บน iOs7 อย่างง่ายเช่นการกดปุ่มเริ่มเกมเป็นต้นครับ

iOS Simulator Screen shot Apr 13, 2557 BE, 7.44.56 PM

หน้าจอข้างต้นคือตัวอย่างของเกมที่เราจะพาไปศึกษาวิธีการทำงานเกี่ยวกับ Menu สำหรับเล่นเกม หรือเปลี่ยนหน้า Scenes นั่นเองครับ

เริ่มต้นพัฒนากันหน่อย ให้สร้าง Project รูปแบบ SpriteKit ขึ้นมาครับ

เลือก SpriteKit

เลือก SpriteKit

ตั้งชื่อ Project ให้เรียบร้อยครับ

ตั้งชื่อ Project หน่อย

ตั้งชื่อ Project หน่อย

ไปหา ภาพ BG อย่างตัวอย่างของผมใช้ BG คือ Iron Man ครับ และ อีกตัวเป็นกราฟิกไฟล์ png  ที่เขียนว่า Click to Play ครับ วางไว้ที่ Project Bundle ของเราทันที

เตรียมภาพ Back Ground

เตรียมภาพ Back Ground

Screen Shot 2557-04-11 at 6.27.58 PM

การเปลี่ยน Scene นั้นจะทำการสลับ ระหว่าง 2 Scene ดังนั้น ตอนนี้เรามี MyScene เพียงหน้าเดียว เราต้องเตรียมพร้อมอีก Scene คือ Scene ที่จะไปครับ ผมเลยทำการ New File ขึ้นมาเป็น Class ของ SkScene ชื่อว่า GameScene ทันที เป็นการเตรียมไว้

เปิดไฟล์ MyScene.m ขึ้นมา แก้ไข Source Code จากเดิมคือ

แก้ไขเป็น

ลองทำการ Run Project ของเราหน่อยจะได้ ผลลัพธ์ดังนี้ครับ

หมายเหตุ ตั้งชื่อ ปุ่ม Click To Play นั้นใช้ button.name มากำหนด และใช้ชื่อว่า “nextButton” เป็นชื่อสำหรับตรวจสอบ

Screen Shot 2557-04-13 at 7.27.27 PM

ก่อนใส่ตำแหน่งของ PNG ไฟล์

Screen Shot 2557-04-13 at 7.30.28 PM

 

หลังใส่ ตำแหน่ง ของ PNG File ลงไป

ทำการ เพิ่ม Source Code ลงไปที่ GameScene.m ที่สร้างมาใหม่ ดังนี้

กลับไปที่ไฟล์ MyScene.m ทำการเพิ่ม Code ส่วนของ import บน Header ดังนี้

แก้ไข เมธอด  -(void)touchesBegan ใหม่ให้เป็นดังนี้

ใช้การเปรียบเทียบ การแตะที่ตำแหน่งใดๆ ก็ตามบนหน้าจอ แต่ถ้าส่วนที่โดนแตะนั้นมีชื่อว่า nextButton ให้เป็นการกระทำใหม่เปลี่ยน Scene ไปเป็น GameScene ทันที

ไม่ยากฮะ ลอง Run Project แล้วลองแตะดู ผมได้ทำการ NSLog ดูค่าไว้แล้ว จะได้ผลลัพธ์ดังนี้ครับ

Screen Shot 2557-04-13 at 7.43.00 PM

เอาไว้ไปประยุคทำหน้า Title เกมกันนะครับ หรือจะทำการเกม RPG จีบสาวหรือทางเลือกต่างๆ บน iPhone ก็ได้ครับ ดาวน์โหลด Source Code ที่นี่ครับ http://adf.ly/jfyHk

แค่ Comments เบาๆ ว่าขอบคุณสักหน่อยก็พอครับ 😀

Comments

daydevthailand@gmail.com

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

Review overview
NO COMMENTS

Sorry, the comment form is closed at this time.

%d bloggers like this: