FeaturedGame DevelopmentGame Engine

GameSalad เครื่องมือสร้าง และออกแบบเกม แบบ Cross Platform

GameSalad Creator เป็นเครื่องมือสำหรับ ออกแบบ และสร้างเกมอีกตัวที่น่าสนใจ ใช้งานง่าย ไม่จำเป็นต้อง Code พัฒนาครั้งเดียวใช้ได้ทุก Platform ทั้งเว็บ และมือถือ

Direction ของ Daydev.com ตอนนี้ก็มีเสียงเรียกร้องให้พุ่งเป้ามาที่ การพัฒนาเกมมากขึ้น กลุ่มนักเรียน นักศึกษาที่ต้องการเป็นนักพัฒนาเกม เริ่มมองเห็นแนวทางของตัวเอง ที่จะสร้าง หรือออกแบบเกมในฝันเพื่อ ออกสู่ตลาด ดังนั้นการสนับสนุนแอพพลิเคชัน เกม ทั้งบน คอมพิวเตอร์พีซี และ สมาร์ทโฟน แพลตฟอร์ม iOS, Android และ Windows Phone จึงเป็นสิ่งที่ช่วยเหลือ

กลุ่มพัฒนาเกมเหล่านี้ ร่วมกับเครื่องมือการสร้าง และออกแบบเกมดีๆ สักตัว หากสนใจการพัฒนาเกม 3 มิติก็แนะนำให้ไปที่ Unity Course ที่เว็บไซต์เราได้ทำ Tutorial ไว้ครับ ส่วน เกม 2 มิติก็จะมี Cocos2D, SpriteKit และตัวอื่นๆ อีกตัวที่อยากจะมาแนะนำวันนี้คือ GameSalad ครับ เพราะมันโดดเด่นในแง่ของความง่ายสำหรับ คนที่ต้องการเป็นนักออกแบบเกมจริงๆ ที่ไม่ชำนาณเรื่อง Code (แต่ยังไง Code ก็เป็นสิ่งจำเป็นพอๆ กับคณิตศาสตร์ และ Logic ในหัวอยู่ดีครับ)

เริ่มต้นให้เราติดตั้งเจ้า GameSalad ก่อนครับ เวอร์ชันฟรี มีอะไรแตกต่างบ้างดูกันครับ

 

เว็บไซต์ http://gamesalad.com/
เว็บไซต์ http://gamesalad.com/
เว็บไซต์ http://gamesalad.com/
เว็บไซต์ http://gamesalad.com/
Pricing ตัวฟรี และเสียเงิน
Pricing ตัวฟรี และเสียเงิน

จะเห็นว่ามีแค่ส่วนของ Android Publish (จำเป็น) อย่างเดียวที่ต้องซื้อครับ (299$ ประมาณ หมื่นบาท)

ดาวน์โหลดมาติดตั้งแล้วเปิดหน้าจอขึ้นมาเลยครับ

หน้าจอ GameSalad
หน้าจอ GameSalad

Tab ที่เราจะใช้ และจัดการบ่อยที่สุดคือ Library Panel ครับ ซึ่งจะเป็น Tab สำหรับจัดการ Scenes (ฉากของเกม), Layers (ลำดับองค์ประกอบกราฟิกของการออกแบบเกม เช่นฉากหลัง ฉากหน้า), Actors (ตัวละครที่เราใช้ในเกม ตัวเอก, ศัตรู, NPC), Media (ไฟล์สื่อต่างๆ ที่เรา Import มาใช้), Behaviors (ลำดับเหตุการณ์ตาม Logic ที่เราจะสร้างตาม StoryBoard ของเกมที่เราออกแบบ) และ Tables (ตารางสำหรับบอกว่า Media หรือ Source นี้มีขนาดเท่าไร เหมือน Attribute ของมัน)

แถบ Library Panel
แถบ Library Panel

เริ่มต้นก่อนอื่นเราจะทำการสร้าง condition และ behavior ของเกมเราขึ้นมาก่อนครับ ตัวอย่างจะทำหน้าเปิด Title ของเกมที่เราออกแบบมา ถ้าต้องการเล่นก็จะทำการกด Keyboard แป้น Space Bar ก็จะเล่นเกมทันทีครับ

ผมออกแบบหน้าจอโดยการ เพิ่ม Media เข้าไปใหม่คือไฟล์นี้

logo
logo

วิธีการคือไปที่ Tab ของ Media แล้วกดเครื่องหมาย + เอาไฟล์ภาพไปไว้ในระบบ

กด + เพิ่มไฟล์รูปภาพ
กด + เพิ่มไฟล์รูปภาพ

หลังจากนั้นสร้าง Scene ขึ้นมา 2 Scene

สร้าง Scene เพิ่มขึ้นมา
สร้าง Scene เพิ่มขึ้นมา

สร้าง Actor ใหม่ใน Scene ที่ชื่อว่า Initial Scene ครับ โดยเอาภาพ Logo.png ที่เรา Import เข้ามาใน Media ไปวางจัดหน้าจอใหเรียบร้อย

สร้างหน้า Initial Scene ให้เรียบร้อย
สร้างหน้า Initial Scene ให้เรียบร้อย

ส่วนหน้าที่ 2 คือ Scene 1 ให้เอากราฟิกอีกอันไปวางไว้เพื่อให้รู้ว่าคนละหน้า

หน้า Scene 1 หากราฟิกมาวางใหม่
หน้า Scene 1 หากราฟิกมาวางใหม่

ไปที่หน้า Initial Scene คลิกที่ Actor ตัว Logo ของเรา ทำการ Double Click ที่ภาพกราฟิกแล้วจะปรากฏ Element ขึ้นให้ทำการปลด Lock โดยคลิกที่รูปไอคอน แม่กุญแจ

คลิกเพื่อปลดล็อค
คลิกเพื่อปลดล็อค
สร้าง Rule ขึ้นมา
สร้าง Rule ขึ้นมา

ให้เราสร้าง Rule หรือเงื่อนไขขึ้นมาใหม่ทันทีครับ

สร้าง Rule ใหม่
สร้าง Rule ใหม่

ไปที่ ช่อง “type or drag in a condition” ให้เราไปที่ Tab ของ Behavior ส่วนของ Condition แล้วลากสิ่งที่เรียกว่า Key ไปวางไว้ในช่องนั้นครับ โดยค่าที่เราจะใส่คือให้กด “space bar” แล้วจะเปลี่ยนฉาก ให้เราตั้งค่า Rule ตามนี้

ตั้งค่า Rule ให้กด Space Bar
ตั้งค่า Rule ให้กด Space Bar

เมื่อใส่เงื่อนไขในส่วน when เรียบร้อยให้เราไปที่ ส่วนของ do ครับ ตรงนี้ ให้เลือกBehaviors ในส่วนของ Behavior ที่ชื่อว่า “Change Scene” ลากไปวางที่ช่องของ do ทันทีตามภาพครับ

ลาก Change Scene ไปวาง
ลาก Change Scene ไปวาง

ตั้งค่า Change Scene ให้ปลายทางเป็น “Scene 1”  ครับ

ตั้งค่า Change Scene ให้ปลายทางเป็น "Scene 1"
ตั้งค่า Change Scene ให้ปลายทางเป็น “Scene 1”

ทดลองกด Run เกมของเราที่เมนู Run

Run เกม
Run เกม

ตัว GameSalad จะทำการ Compile เกมของเราให้ทดสอบเล่นได้ทันที

กด Space Bar เปลี่ยนฉาก
กด Space Bar เปลี่ยนฉาก

จะเห็นว่าตัวอย่างขั้นต้นนี้ GameSalad นั้นเป็น Engine สำหรับออกแบบ หรือพัฒนาเกมบนสมาร์ทโฟน หรือเว็บไซต์ที่ผู้ใช้งานแทบจะไม่ต้องใช้ความรู้เรื่องโปรแกรมมิ่งเลยครับ ขอแค่มีเพียง Logic  หรือ ตรรกะในหัวที่ดีก็พอครับ

Tags

Asst. Prof. Banyapon Poolsawas

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

Related Articles

Back to top button
Close
Close

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน