GameMaker 8.0

GameMaker 8.0 GameMaker 8.0 คอื โปรแกรมสร้างเกม เป็นโปรแกรมทีใ่ ช้งานงา่ ย ในอบี คุ๊ นีไ้ ดร้ วบรวม บทความเกีย่ วกบั Basic GameMaker จากบลอ็ ก PakamasBlog

CHAPTER 1 ทำความรจู้ ัก GameMaker 8.0 ไม่แน่ใจว่าจะช่วยให้เข้าใจหรือลำบากใจกับข้อความต่อไปนี้กันแน่นะคะ ก่อนอื่นเราก็มาดูกันดีกว่าค่ะว่าโปรแกรม Game Maker 8.0 ที่แอนพูด ถึงนี้มันเอาไว้ทำอะไร หลายท่านคงจะทราบกันดีอยู่แล้วแต่ก็อาจจะมีบาง ท่านยังไม่รู้ โปรแกรม Game Maker ก็คือโปรแกรมที่เรา นี้แอนเธอกำลังจะพูดว่าการสร้างเกมมันเป็น สามารถใช้ในการสร้างเกมไว้เล่นเอง เล่นกับ เรื่องยากอย่างงั้นหรือใช่ค่ะมันยาก *0* แต่ก็ เพื่อน หรือใช้ในเชิงพาณิชย์พูดซะดูดีเชียว ขึ้นอยู่กับโปรแกรมที่คุณใช้ด้วย เดี๋ยวนี้โลก เรามาเปลี่ยนตัวเองจากเด็กติดเกมที่ชอบพูด ได้พัฒนาไปถึงไหนต่อไหนแล้วมีโปรแกรม ว่าเกมนี้ไม่ได้เรื่อง ระบบห่วย ล่มบ่อย หรือนู้น สร้างเกมเกิดขึ้นมามากมาย อาจจะเริ่มลอง นี้นั้นว่าซะเสียหายเลยแล้วมาเก็บเกี่ยวความรู้ จากโปรแกรมที่ง่ายๆก่อน และรูปแบบจากเกมต่างๆแทนดีกว่าค่ะ 1

ขอเล่นหน่อย ^_^ เมื่อคุณประสบปัญหาเกี่ยว ไม่ได้ดั่งใจ กับการสร้างเกม ในอดีตการสร้างเกมนับเป็น เรื่องที่ยากลำบากมาก คุณจำเป็นต้องมี เมื่อสร้างเกมไปสักระยะหนึ่งแล้วบางอย่างที่ ประสบการณ์ที่ค่อนข้างสูงจึงจะสร้างเกมได้ ต้องการจะทำมันก็ทำไม่ได้เพราะไม่มีเครื่อง โปรแกรมที่ใช้งานได้ยากลำบาก ซับซ้อน มือ อุปกรณ์มาให้ บางท่านอย่าเพิ่งคิดว่า เหลือเกิน มิหนำซ้ำคุณจะต้องเรียนรู้การเขียน โปรแกรม Game Maker จำทำได้แค่นี้นะคะ โปรแกรมที่ยากอีกด้วย แต่ปัญหานั้นจะหมด คุณยังสามารถใช้ภาษาที่อยู่ในโปรแกรม ไปเพราะโปรแกรม Game Maker โปรแกรม Game Maker ในการควบคุมสิ่งที่กระทำหรือ นี้เองที่ช่วยให้คุณสามารถสร้างเกมได้อย่าง รูปแบบในเกมได้ด้วย ความสามารถของ ง่ายดายและเป็นเกมที่สนุกอีกด้วย แต่ละโปรแกรมไม่ใช่แค่ Game Maker โปรแกรมอื่นก็ด้วยเช่นกันลองย้อนกลับไปดู ถามเอง - ตอบเอง ค่ะ ว่าคุณสามารถดึงประสิทธิภาพของ โปรแกรมนั้นออกมาใช้ได้ทั้งหมดแล้วหรือยัง 1. โปรแกรมที่ใช้ง่ายๆเนี้ยมันจะสร้างได้แต่ เกมจะสนุกเหรอ Game Maker Lite กับ Game Maker Pro แตกต่างกันอย่างไร ตอบ สนุกไม่สนุกก็อยู่ที่คุณจะสามารถดึง ความสามารถของโปรแกรมมาใช้ได้มากน้อย ถ้าเป็น Lite ก็สามารถโหลดมาใช้งานกันได้ แค่ไหน + ที่สำคัญอยู่ที่คุณจะเนรมิตเกมออก อย่างฟรีๆ แต่ถ้าเป็น Proก็ต้องเสียค่าใช้จ่าย มาตรงใจผู้เล่นรึเปล่า (เสียตังค์ซื้อมาใช้) ก็แค่นี้ ไม่ใช่ค่ะ แน่นอนว่า มันจะต้องมีข้อจำกัดในการใช้งานอยู่ บาง 2. อีกกี่ 10 ปีถึงจะสร้างได้สักเกมแล้วทีมงาน อย่างที่เราไม่สามารถทำได้เมื่ออัพเกรดเป็น เราก็ไม่มีจะสร้างได้ไหม ? Pro แล้วข้อจำกัดนั้นก็จะหมดไป Pro จะไม่มี โลโก้ Game Maker เมื่อเล่นเกมค่ะ ถ้าจะให้ ตอบ คำถามค่อนข้างจะเวอร์ไปนิด 10 ปีเลย เห็นภาพก็ต้องลองโหลดโปรแกรมมาใช้ก่อน เหรอ ไม่ต้องรอนานถึงขนาดนั้นหรอกค่ะ และ ค่ะ :D ถึงไม่มีทีมงานเราก็สามารถสร้างเกมได้ แต่ถ้า มีทีมด้วยก็จะดียิ่งขึ้นค่ะ 2

CHAPTER 2 องค์ประกอบในการสร้างเกมท่คี วรรู้ ส่วนประกอบที่ควรรู้ก่อนใช้โปรแกรม GameMaker • Sprites เป็นรูปภาพที่ต้องมีในเกมแล้วนำไปใส่ในวัตถุ (Object) • Object กำหนดการกระทำ เช่น การเดิน การเคลื่อนไหว เป็นต้น • Rooms ห้องเกม ถ้าไม่มีห้องสำหรับเล่นเกมแน่นอนว่าไม่สามารถเริ่มเกม ได้ นำวัตถุที่กำหนดการกระแล้วมาใส่ในห้อง มีคนบอกว่ามันคือบ้านของ วัตถุ (Object) • Backgrounds ภาพพื้นหลังประกอบเพื่อความสีสันความสวยงามในเกม • Sound เสียงในเกมเพื่อเพิ่มความตื่นเต้น ส่วนที่แอนคิดว่าน่าจะสำคัญหรือควรรู้ก็คงจะมีแค่นี้ค่ะ 3

CHAPTER 3 หนา้ ตาโปรแกรม GameMaker 8.0 4

CHAPTER 4 แถบเมนูบาร์ แถบเมนูบาร์ คือ เมนูของโปรแกรม GameMaker 8.0 ที่อยู่ด้านบน หน้าต่างโปรแกรม เรามาเริ่มกันด้วย เมนู File นะคะ • New การสร้างชิ้นงานใหม่ • Open เปิดชิ้นงานที่ได้สร้างไว้แล้ว • Recent Files เปิดหรือดูไฟล์ล่าสุดที่ได้สร้างหรือเพิ่งใช้ งานไป • Save บันทึกข้อมูลเกมในไฟล์เดิม • Save As... บันทึกข้อมูลเกมลงไปในไฟล์ใหม่ • Create Executable สร้างตัวเล่นเกม .exe เพื่อนำเกม ออกมาเล่นหรือเล่นเครื่องอื่นแม้ไม่มีโปรแกรม Game- Maker ก็สามารถเล่นได้ • Publish your Game เผยแพร่เกมของคุณไปยังเว็บไซต์ • Import Resources การนำทรัพยากรเกมเข้ามาใน โปรแกรม • Export Resources การส่งออกทรัพยากรของตัวเกม • Advanced Modern การเปลี่ยนโหมด (โมเดิร์น) • Preferences การตั้งค่าโปรแกรม • Exit ออกจากโปรแกรม Game Maker 5

เมนู Edit ในส่วนนี้จะสามารถคลิกใช้งานได้เมื่อเราเลือกตัววัตถุ (Object) เนื่องจากจะเป็นส่วนที่ใช้ตั้วค่า เกี่ยวกับวัตถุซะเป็นส่วนใหญ่ค่ะ Edit • Insert Object สร้างวัตถุเพิ่มขึ้นมาใหม่ • Duplicate คัดลอกวัตถุ (จะทำการคัดลอกทั้งรูปภาพและการกระทำที่เราได้ตั้งค่าไว้) • Insert Group สร้างโฟลเดอร์กลุ่มให้วัตถุ • Delete ลบวัตถุ • Rename แก้ไขชื่อวัตถุ • Properties เข้าไปที่หน้าการตั้งค่าวัตถุ • Find Resource ค้นหาทรัพยากรเกม • Expand Resource Tree ขยายโครงสร้าง • Collapse Resource Tree ย่อโครงสร้าง • Show Object Information แสดงข้อมูลของวัตถุ 6

เมนู Resources • Create sprite สร้างรูปภาพ • Create Sound สร้างเสียง • Create Background สร้างพื้นหลังห้องเล่นเกม • Create Path สร้างเส้นทางให้วัตถุเดินตาม • Create Script สร้างสคริป • Create Font สร้างแบบอักษร • Create Time Line สร้างช่วงเวลา (สามารถกำหนดว่าเวลานี้นะให้เกิดอะไรขึ้น) • Create Object สร้างวัตุ • Create Room สร้างห้องเล่นเกม • Change Game Information เปลี่ยนข้อมูลเกม • Change Global Game Settings เปลี่ยนการตั้งค่าตัวเกม • Select Extension Packages เลือกแพ็คเกจของเกม • Define Constants... • Define Triggers... • Included Files... 7

เมนู Scripts • Import Scriptts... นำสคริปจากเครื่องของพิวเตอร์เข้ามาในโปรแกรม • Export Selected Script... บันทึกสคริปที่เราได้เขียนลงไปในเครื่องคอมพิวเตอร์ • Show Built-in Variables แสดงตัวแปร Built-in • Show Built-in Functions แสดงฟังก์ชั่น Built-in • Show Extension Functions แสดงฟังก์ชั่นการขยาย • Show Resource Names แสดงรายชื่อทรัพยากร • Show in Scripts... แสดงในสคริป... • Check Resource Names ตรวจสอบชื่อทรัพยากร • Check All Scripts ตรวจสอบสคริปทั้งหมด 8

เมนู Run • Run normally ทดลองเล่นเกมตามปกติ • Run in Debug mode เล่นในโหมดดีบัก (Debug) ดีบักจะเป็นการตรวจสอบจุดบกพร่องนะ คะ เราจะสามารถตรวจสอบเกมและมีปุ่มหยุดเกมให้เราด้วยค่ะ ยังมีเครื่องมือที่เป็นประโยชน์ 9

เมนู Window ในส่วนของ Window ก็จะเกี่ยวกับหน้าต่างการตั้งค่าพวก Sprites, Sounds, Backgrounds, Paths, Scripts, Fonts, Time Lines, Object, Rooms • Cascade : จะเป็นการจัดเรียงหน้าต่างพวก Sprite Sound Object ให้เรียงกับอย่างเป็น ระเบียบค่ะ • Close All : ปิดหน้าต่างทั้งหมด 10

เมนู Help • Contents ดูข้อมูลวิธีใช้โปรแกรม GameMaker • Tutorials ในเมนูย่อยจะมีวิธีสอนการทำเกมครั้งแรกของคุณ (อันนี้ไม่ค่อยแน่ใจเท่าไหร่ค่ะ) • Enter Activation Code ใส่รหัสเปิดการใช้งาน (ตามความเข้าใจคิดว่าถ้าเราโหลดรุ่น Lite มาแล้วไปทำการสั่งซื้อและชำระเงินผ่านเว็บแล้วเพื่อจะได้ใช้รุ่น Pro หลังจากนั้นก็น่าจะได้รหัส มาให้คุณใส่ลงไปเพื่อใช้งานรุ่น Pro) • News ดูข่าวใหม่ๆเกี่ยวกับโปรแกรม GameMaker • Book ดูหนังสือเกี่ยวกับโปรแกรม GameMaker • More Tutorials ดาว์โหลดตัวอย่างเกมมาศึกษา ซึ่งจะมีเกมหลายแนวเลยและยังมีหลาย ไฟล์(.gmk)จะแสดงเป็นลำดับขั้นตอนให้คุณสามารถศึกษาได้ง่ายขึ้นด้วยค่ะ • Website ไปยังเว็บไซต์ YOYO Games • Forum ไปยังหน้าเว็บบอร์ดที่จะมีผู้ให้คำแนะนำหรือตอบคำถามเมื่อคุณสงสัยค่ะ และอาจจะ แลกเปลี่ยนความรู้กันด้วย • Wiki จะมีข้อมูลเกี่ยวกับโปรแกรม GameMaker ให้คุณได้ศึกษาค่ะ • About Game Maker เกี่ยวกับโปรแกรม GameMaker 11

เมนรู ูปภาพ แอนจะพาไปดูทางลัดที่ช่วยให้เราสามารถกดสร้างวัตถุ ห้องเกม และอื่นๆโดยง่ายค่ะ จะเป็นเมนู รูปภาพที่อยู่ด้านบนของโปรแกรม Game Maker เพียงแค่เราคลิกที่รูปภาพนั้นๆเราก็จะสามารถ กดสร้างได้แล้วค่ะ งั้นเรามาดูกันเลยดีกว่าถ้ากดรูปนี้แล้วจะเป็นอย่างไร จากรูปภาพด้านบน จะมีเส้นขีดแบ่งเป็นส่วนๆอยู่ จะมีทั้งหมด 6 ส่วนด้วยกันค่ะ • ส่วนที่ 1 : สร้างเกมใหม่, โหลดเกมที่เคยทำไว้แล้ว, บันทึกเกม • ส่วนที่ 2 : นำเกมไปใช้หรือบันทึกไฟล์เป็น .exe เพื่อให้ผู้อื่นได้เล่นนั้นเองค่ะ, เอาเกมขึ้นเว็บของ Yoyogames เพื่อให้ผู้ที่สนใจได้โหลดเอาไปเล่น • ส่วนที่ 3 : ทดสอบเกม ลองเล่นเกมดูว่ามีข้อผิดพลาดตรงไหนบ้าง • ส่วนที่ 4 : เกี่ยวกับวัตถุหรือสิ่งที่อยู่ในตัวเกม เช่น รูปภาพ เสียง สคริป ฟอนต์ วัตถุ(กำหนด เหตุการณ์) ห้องเกม เป็นต้น • ส่วนที่ 5 : เป็นส่วนที่เราจะสามารถกำหนดข้อมูลและตั้งค่าเกม • ส่วนที่ 6 : เป็นคู่มือในการใช้โปรแกรม Game Maker 12

CHAPTER 5 เมนดู า้ นขา้ ง เมนูด้านข้างของโปรแกรม GameMaker 8.0 มีอะไรบ้าง มาดูกันค่ะ - Sprites - Sounds - Backgrounds - Paths - Scripts - Fonts - Time Lines - Object - Rooms - Game Information - Global Game Settings - Extension Packages Sprites สไปรท์ก็คือรูปภาพที่เราจะนำมาใช้ในเกมเป็นภาพของวัตถุ (Object) นำมากำหนดการ กระทำหรือแสดงไว้เฉยๆเพื่อประกอบในเกม มีทั้งภาพที่เคลื่อนไหวและภาพนิ่ง การสร้าง Sprite สามารถสร้างได้จากหลายช่องทางเลยค่ะ 1. ดูในส่วนของเมนูรูปภาพ คลิกที่รูปภาพ เพื่อสร้างสไปรท์ (Sprites) 13

Sprites 2. ดูในส่วนของแถบด้านข้างคลิกเมาส์ขวาเลือก \"Create Sprite\" เพื่อสร้างสไปรท์ 3. ไปดูที่แถบเมนูด้านบนคลิก Resources เลือก \"Create Sprite\" เพื่อสร้างสไปรท์ จะใช้วิธีแบบไหนในการสร้างสไปรท์ก็ได้ค่ะ 14

Sprites หลังจากนั้นก็จะมีหน้าต่างสไปรท์ปรากฏขึ้นมา Type to enter text • Name : ตั้งชื่อสไปรท์แนะนำให้ตั้งเป็บแบบนี้ค่ะ Spr_ชื่อสไปรท์ มี (_) และชื่อก็ควรจะเป็น ภาษาอังกฤษด้วยก็ดีค่ะ พยายามอย่าเว้นช่องว่าง เช่น Spr_Go mo อะไรแบบนี้ค่ะ พิมพ์ให้ติด กันจะดีกว่า แล้วชื่อก็ควรจะให้มีความแตกต่างๆกันด้วย เพราะว่าถ้าการเริ่มต้นดีต่อมาก็จะ กลายเป็นความเคยชินแล้ว เมื่อเราสามารถที่จะเขียนโค้ดได้ มีบางครั้งที่คุณจะต้องพิมพ์ชื่อส ไปรท์ลงไปด้วย ถ้าเราตั้งมาได้ถูกต้องตั้งแต่ต้นแล้วมันก็จะไม่มีปัญหาอะไรในการเขียนโค้ดค่ะ • Load Sprite : โหลดสไปรท์จากโฟล์เดอร์ในคอมพิวเตอร์ของคุณ • Save Sprite : บันทึกสไปรท์เป็นนามสกุลของโปรแกรม GameMaker .gmspr • Edit Sprite : แก้ไขปรับแต่งสไปรท์ของคุณ 15

Edit Sprite ต่อมาเราจะดูในส่วน Edit Sprite ค่ะ คลิกที่ Edit Sprite ดูที่แถบเมนูด้านบน เริ่มจาก File ค่ะ • New สร้าง Sprite ใหม่ • Create from File... เลือกรูปภาพจากไฟล์ในเครื่องคอมพิวเตอร์ • Add from File... เพิ่มรูปภาพโดยเลือกจากไฟล์ในเครื่องคอมพิวเตอร์ • Save as PNG File... บันทึกรูปภาพเป็น PNG • Create from Strip... เกี่ยวกับการสร้างภาพเคลื่อนไหว 16

Edit Sprite Edit • Undo ย้อนกลับการทำงาน • Redo เมื่อเราย้อนกลับการทำงานอาจจะต้องการยกเลิกหรือทำซ้ำใหม่สามารถทำได้โดยเลือก ในส่วนนี้ค่ะ • Cut การตัด • Copy การคัดลอก • Paste การวาง • Erase... ใส่สีให้ภาพพื้นหลัง • Delete การลบ • Move Left เลื่อนไปทางซ้าย • Move Right เลื่อนไปทางขวา • Add Empty เพิ่มรูปภาพที่วางเปล่า • Insert Empty แทรกรูปภาพว่างเปล่า • Edit แก้ไขรูปภาพ • Set Transparency Background ตั้งค่าพื้นหลังให้โปร่งใส 17

Edit Sprite Transform Shift... ใช้สำหรับเคลื่อนย้ายรูปภาพ Mirror/Flip... สลับกลับด้านซ้ายขวาบนล่างให้รูปภาพ Rotata... หมุดรูปภาพสามารภกำหนดจำนวนองศาในการหมุนได้ Scale... ใช้ซูมเข้า-ซูมออกรูปภาพ Skew... เอียงรูปภาพ Resize Canvas... แก้ไขหรือกำหนดขนาดของพื้นที่แสดงรูปภาพ Stretch... แก้ไขหรือกำหนดขนาดของรูปภาพ Crop... เลือกครอบตัดรูปภาพ 18

Edit Sprite Images • Cycle Left • Cycle Right • Black and White... เปลี่ยนภาพสีให้เป็นภาพขาวดำ ตรงที่ให้ติ๊กเลือก คือ ในกรณีที่มีรูปภาพมากกว่า 1 จะให้เปลี่ยนเป็นภาพขาวดำทุกภาพเลยหรือ ไม่ ถ้าไม่ต้องการก็ไม่ต้องติ๊กค่ะ หลังจากนั้นก็คลิก OK ออกมาก็จะได้ภาพขาวดำแล้วค่ะ 19

Edit Sprite Images • Colorize... เปลี่ยนสีรูปภาพตามโทนสี จะเป็นการเปลี่ยนสีรูปภาพของคุณตามโทนสีต่างๆ โดยโปรแกรมจะคำนวณเองว่าต้องเปลี่ยนสีต รงไหนยังไงค่ะ สามารถดูความแตกต่างระหว่างภาพที่ไม่ได้เลือก Shift the hue (คลิกเพื่อดูภาพ ขนาดใหญ่) • Colorize Partial... เพิ่มสีสันให้ภาพบางส่วน การใช้งานก็จะคล้ายๆกับ Colorize ค่ะแต่จะมี เครื่องมือการปรับแต่งภาพให้เราเพิ่มขึ้นอีก • Intensity... ปรับค่าความสว่างความมืดของภาพและเฉดสี Value : จะเป็นการปรับค่าความสว่างขความมืดของรูปภาพ ถ้าเลื่อนปุ่มไปทางซ้ายภาพจะมืด ถ้า เลื่อนปุ่มไปทางขวาภาพจะสว่างมากยิ่งขึ้นค่ะ Saturation : เป็นการปรับค่าของเฉดสีให้จางลงหรือเพิ่มขึ้น 20

Edit Sprite Images • Invert... ใช้สลับสับเปลี่ยนสีของรูปภาพ ภาพด้านซ้ายเป็นภาพที่ยังไม่ได้ปรับแต่ง ส่วนภาพด้านขวาเป็นภาพที่สับเปลี่ยนสีของรูปภาพแล้วค่ะ • Make Opaque... ใส่สีพื้นหลังให้รูปภาพ ภาพซ้ายก่อนทำ ภาพขวาหลังจากใส่สีพื้นหลังให้รูปภาพแล้ว 21

Edit Sprite Images • Erase a Color... ลบรูปภาพจากสีที่เลือก ในที่นี้เราจะสามารถลบรูปภาพที่มีลักษณะสีใกล้เคียง กับสีที่ถูกเลือก สามารถดูตัวอย่างได้จากรูปภาพด้านล่างนี้ค่ะ • Smooth Edges... • Opacity... ความทึบแสง ในตรงนี้เราจะสามารถทำรูปภาพให้โปร่งใสหรือจากรูปที่โปร่งใสก็ สามารถทำให้รูปภาพทึบได้เช่นกันค่ะ 22

Edit Sprite Images • Set Alpha from File... โดยจะเป็นการเลือกไฟล์ภาพเพื่อนำรูปภาพนำมาซ้อนกันนะคะ สามารถดูตัวอย่างการซ้อนภาพได้จากรูปด้านล่างค่ะ • Fade... จะเป็นการนำสีมาทับรูปภาพโดยเราจะสามารถกำหนดความทึบหรือโปร่งใสของสีได้ค่ะ สามารถกำหนดสีได้จากส่วนของ Color ค่ะ และกำหนดความโปร่งใสหรือทึบได้จาก Amount 23

Edit Sprite Images • Blur... กำหนดภาพให้เบลอ เราสามารถกำหนดความเบลอของภาพได้ด้วยค่ะ ว่าต้องการให้เบลอมากน้อยเพียงใด • Sharpen... เพิ่มความคมชัดให้รูปภาพ อาจจะคล้ายๆกับการเพิ่ม noise ให้รูปภาพเพื่อให้ รูปภาพดูคมชัดมากยิ่งขึ้นค่ะ 24

Edit Sprite Images • Outline... • Shadow... ใส่เงาให้กับรูปภาพ โดยเราจะสามารถกำหนดสีเงา ขยับเงาไปข้างบนล่างหรือซ้ายขวา ความทึบของเงา • Glow... ทำให้รูปภาพเรืองแสง 25

Edit Sprite Images • Buttonize... สร้างขอบรูปภาพให้มีลักษณะเหมือนปุ่ม • Gradient Fill... การไล่โทนสี • Color : เลือกสีที่ต้องการ • Opacity [alpha] : กำหนดความทึบหรือโปร่งใสของโทนสี • Kind : เลือกรูปแบบการไล่โทนสีที่ต้องการ • Replace : ติ๊กเพื่อเลือกแสดงเฉพาะโทนสี 26

Edit Sprite Animation Animation จะเกี่ยวข้องกับการเคลื่อนไหวรูปภาพในตัวเกมของเรา • Set Length... กำหนดหนดความยาวของ Animation โดยเรากำหนดจะสามารถการเพิ่ม จำนวนรูปภาพของเราได้ อาจจะเพิ่มเป็นเท่าตัวของที่มีอยู่ก็ได้ค่ะ • Stretch... ยืด Animation คือการเพิ่มจำนวนรูปภาพคล้ายๆกับอันข้างบนแต่อันนี้จะเพิ่มด้าน ล่าง เช่น รูปภาพที่ 1 จะถูกเพิ่มโดยรูปที่เพิ่มจะอยู่ด้านล่างรูปที่ถูกเพิ่ม อาจจะไม่ค่อยเข้าใจเรา เรามีรูปภาพ 2 รูป 27

Edit Sprite Animation เลือก Stretch... แล้วจะปรากฏหน้าต่างการเพิ่มเฟรมโดยในที่นี้จะกำหนดจำนวนเป็นเท่าตัวของ รูปภาพที่มีอยู่ คือ 4 นี้คือการยืดหรือขยายแอนนิเมชั่นโดย Stretch... ค่ะ • Reverse การกลับหรือถอยหลังรูปภาพสามารถดูตัวอย่างได้จากรูปภาพด้านล่างค่ะ รูปภาพต้นแบบยังไม่ได้เลือก Reverse หรือทำการสลับกลับใดๆ นี้เป็นรูปภาพที่สลับกลับแล้วค่ะ ก็คือการนำรูปภาพที่อยู่ข้างหลังมาไว้ข้างหน้านะคะ • Add Reverse เพิ่มรูปภาพที่สลับกลับด้านแล้ว รูปภาพที่อยู่ในสีเหลี่ยมสี่เหลืองคือรูปภาพที่ถูกเพิ่มโดยการ Add Reverse ค่ะ 28

Edit Sprite Animation • Translation Sequence... ขยับรูปภาพ เมื่อคลิก Translation Sequence... ก็จะมีหน้าต่างตัวเลือกให้เราตั้งค่ารูปภาพค่ะ ภาพด้านบนนี้คือการขัยบของรูปภาพเช่นในแนวนอนถ้าใส่เครื่องหมายลบรูปภาพก็จะขยับไป ทางซ้ายค่ะ นี้เป็นตัวอย่างรูปภาพที่เลือก Translation Sequence... แล้วค่ะ 29

Edit Sprite Animation • Rotation Sequence การหมุนรูปภาพ โดยการจะสามารถกำหนดองศาการมุนได้ด้วยค่ะ Clockwise หมุนตามเข็มนาฬิกา Counter-Clockwise หมุนทวนเข็มนาฬิกา • Colorize... การผสมสี เช่น เมื่อเราเลือกสีเหลือง และเลือกจำนวนเฟรมเท่ากับจำนวนรูปภาพของเรา ภาพที่ 1 ก่อนทำ Colorize ภาพที่ 2 หลังทำ Colorize • Fade to Color... เปลี่ยนสีให้จางหายไป ก็อาจจะคล้ายๆกับอันข้างบนค่ะ แต่อันนี้เราจะ สามารถกำหนดสีโดยการคลิกเลือกได้ตามความต้องการเลย และเมื่อเราเลือกสีดังกล่าวแล้วสี ของรูปภาพก็จะเหมือนการไล่สีให้ค่อยๆจางหายไป • Disappear ทำให้รูปภาพค่อยๆจางลงหรือโปร่งใส่ขึ้นนะคะ 30

Edit Sprite Animation • Shrink ส่วนนี้จะทำให้รูปภาพค่อยๆเล็กลง Center รูปภาพเล็กลง(รูปภาพอยู่ตรงกลาง) Left ข้างซ้าย Right ข้างขวา Top ด้านบน Bottom ด้านล่าง ในส่วนของ Shrink Grow Flatten... Raise... ค่อนข้างจะคล้ายๆกันเพราะฉะนั้นจะเขียนด้านใน คือพวกซ้ายขวาอะไรแบบนี้แค่อันเดียวค่ะ • Grow จะคล้ายๆกับ Shrink เลยค่ะเพียงแต่รูปภาพจะเริ่มย่อลงที่รูปแรกซึ่งตรงข้างกับ Shrink ที่จะค่อยๆย่อลง 31

Edit Sprite Animation • Flatten... บีบรูปภาพ สามารถดูตัวอย่างได้จากรูปภาพด้านล่างค่ะ • Raise... ก็จะคล้ายกับ Flatten นะคะ แต่จะเหมือนสลับรูปกันยังไงก็ลองดูรูปภาพตัวอย่างด้าน ล่างนี้เลยค่ะ 32

Edit Sprite Animation • Overlay... วางซ้อน เลือกเพิ่มไฟล์รูปภาพจากคอมพิวเตอร์และรูปภาพที่เลือกจะถูกกำหนดให้มี ขนาดเท่ากับรูปภาพล่าสุดของคุณ (แต่รูปภาพล่าสุดก็จะหายไปด้วยนะคะ) ภาพต้นฉบับ ภาพที่ถูกเลือกออกมาจากเครื่องคอมพิวเตอร์ 33

Edit Sprite Animation • Morph... เลือกไฟล์รูปภาพจากคอมพิวเตอร์เช่นเดียวกับ Overlay แต่รูปเดิมจะยังอยู่แต่รูปภาพ ที่ถูกเลือกมาใหม่อยู่เลเยอร์ด้านล่าง รูปภาพเดิมก็จะค่อยๆจางหายไป 34

Edit Sprite เมนูรูปภาพ 1. เมื่อทำการแก้ไขรูปภาพแล้วกดเพิ่มบันทึกและออกจากหน้าต่างการแก้ไข 2. เกี่ยวกับไฟล์รูปภาพ 2.1 สร้างไฟล์รูปภาพใหม่ 2.2 โหลดไฟล์รูปภาพจากคอมพิวเตอร์ 2.3 โหลดรูปภาพเพิ่ม 2.4 บันทึกไฟล์รูปภาพลงเครื่องคอมพิวเตอร์ (ระบบจะบันทึกเป็นนามสกุล PNG) 3. เพิ่มรูปภาพที่ว่างเปล่า 4. เป็นการย้อนคำสั่งการแก้ไขรูปภาพ 5. ตัด คัดลอก วางรูปภาพ 6. เลื่อนรูปภาพไปทางซ้ายขวา 7. เข้าสู่โหมดการแก้ไขรูปภาพ 35

Sound บทความนี้จะมาพูดถึงเสียงใน Game Maker ค่ะ เราจะมาดูกันคราวๆนะคะว่าตัวเลือกคำสั่ง ต่างๆนี้คืออะไร การเพิ่มเสียงสามารถทำได้โดยไปที่แถบเมนูด้านข้างโปรแกรมคลิกเม้าส์ขวาที่ Sound เลือก Create Sound หน้าต่างเกี่ยวกับเสียง 36

Sound 1. ตั้งชื่อให้เสียงในโปรแกรม ควรตั้งชื่อให้เหมาะสมและเข้าใจค่ะ เนื่องจากอาจจะต้องใช้ในการ เขียนโค้ด หรือใส่ไว้ในห้องต่างๆ เพื่อให้ง่ายก็การใส่แล้วก็ควรจะตั้งชื่อให้รู้เรื่องนะคะ 2. การโหลดเสียง เล่นเสียง ปิดเสียง และการบันทึกเสียง 3. จะเป็นส่วนที่แสดงชื่อของเสียงที่โหลดมาค่ะ 4. ในส่วนนี้ไม่ค่อยเข้าใจเท่าไหร่ค่ะ แต่เท่าที่ฟังดูเหมือนเสียงจะช้าๆเร็วๆชอบกล >.< 5. ใส่ Effects อาจจะกำหนดให้เสียงเล่นพร้อมกัน สะท้อน หรืออื่นๆยังไงก็ลองดิ๊กดูค่ะ เพราะ อธิบายไม่ถูกจริงๆ 6. เกี่ยวกับความดังเบาของเสียง และจะต้องจะให้เสียงดังไปทางข้างไหนมากกว่าโดยค่าเริ่มต้น ของโปรแกรมจะกำหนดให้เสียงดังเท่ากันค่ะ 37

Backgrounds ไม่ว่าจะเป็น Sprite Object ก็จะคล้ายๆกันในส่วนของการโหลดรูปภาพ พูดให้เข้าใจง่ายๆเลยก็ คือถ้าแอนเขียนแบบเบื้องต้นมันก็จะไม่แตกต่างกันมากนัก แต่ถ้าลงลึกไปอีกหน่อยก็จะเห็นความ แตกต่างมากเลยค่ะ เพราะว่าแต่ละอันนั้นจะมีการตั้งค่าไม่เหมือนกัน พื้นหลังจากช่วยสร้างบรรยากาศของเกมให้มีความน่าเล่นยิ่งขึ้นค่ะ (ใส่ให้เข้ากับเกมของคุณด้วย นะคะ) ไม่ใช่เกมอวกาศแล้วใส่พื้นหลังเป็นชายทะเลก็อาจจะสวยแต่ไม่ค่อยได้บรรยากาศสักเท่าไหร่ ค่ะ >.< Name : ชื่อไม่ว่าจะเป็น Sprites Sounds Backgrounds Paths Scripts Fonts หรืออื่นๆ ขอให้ ใส่ชื่อด้วยค่ะ เพื่อจะได้ไม่สับสนในภายหลังว่าอันนี้มันคือรูปหรือเสียงอะไรกันแน่ค่ะ ถ้าต้องการเลือกภาพพื้นหลังจากคอมพิวเตอร์ก็คลิกที่ Load Background อีกเรื่องคือถ้าโหลด ภาพเคลื่อนไหวมามันก็จะแสดงแบบยาวๆขึ้นอยู่กับภาพของคุณด้วยไม่ได้เคลื่อนไหวแบบ Sprite ค่ะ (คิดว่ารู้แล้วแต่อยากบอก *0*) ไม่ชอบ มันยังไม่โดนใจกับพื้นหลังที่โหลดมาหรืออยากจะสร้างเองก็เลือกที่ Edit Background เพื่อทำการแก้ไขหรือวาดขึ้นมาใหม่ก็ได้ค่ะ ในนั้นจะมีเครื่องมือให้เราสามารถปรับแต่งค่ะ 38

Paths คุณสามารถวาดเส้นทางให้วัตถุเดินตามได้ด้วย Paths ค่ะ คลิกเมาส์ซ้ายในตำแน่งที่คุณต้องการ เพื่อทำการวาด และ คลิกเมาส์ขวาเพื่อทำการลบเส้นทางค่ะ ปุ่มด้านข้าง Add : สร้างจุดเพิ่มจากจุดที่เลือกในตอนนั้น Insert : แทรกจุดใหม่ Delete : ลบจุด จุดสีแดง คือ จุดควบคุมที่เลือกในปัจจุบัน จุดสีน้ำเงิน คือ จุดควบคุมอื่นๆ สี่เหลี่ยมสีเขียว คือ จุดเริ่มต้น คุณสามารถกดปุ่ม Alt เพื่อเพิ่มหรือย้ายปุ่มได้อย่างอิสระค่ะ เมื่อวาดเสร็จแล้วก็ลองให้วัตถุเดินตามเส้นทางดูนะคะ :) 39

Scripts การสร้าง Script สามารถทำไ้ด้หลายวิธีค่ะ ขอยกตัวอย่างเดียวนะคะ ดูที่แถบด้านข้าง คลิกเมาส์ขวาที่ Script เลือก Create Script ค่ะ ภาษาที่ใช้ก็จะเป็นภาษา GMK ของโปรแกรม Game Maker ค่ะ ในโปรแกรมจะมีไฟล์สอนอยู่ค่ะ เป็นภาษาอังกฤษลองเข้าไปศึกษาดูค่ะ :) จะช่วยทำให้เกมเราน่าสนใจและมีลูกเล่นมายิ่งขึ้นค่ะ 40

Fonts เราจะมาดูเรื่องของ Font ในโปรแกรม GameMaker กันค่ะ แต่ก่อนอื่นเรามารู้จัก Font คราวๆดีกว่าค่ะ Font อย่างที่เรารู้กันดีว่ามันคือแบบอักษร แต่ก็ไม่จำกัดแค่ตัวอักษรนะคะ เรายัง สามารถนำรู้ภาพหรือสร้างตัวอักษรที่ทำจากรูปภาพเพื่อการต่างๆ เช่น สร้างเกมแบบน่ารักก็เลย นำตัวเกมของเรามาทำเป็นฟอนต์ด้วยก็ได้ค่ะ เห็นไหมล่ะคะว่าแบบอักษรนี้ก็สำคัญพอสมควร ช่วยสื่ออารมณ์ในเกมของเราได้ด้วยค่ะ ^_^ เพราฉะนั้นควรเลือกแบบอักษรที่เหมาะกับเกมหรือ พวกปุ่มกดต่างๆ หน้าเมนู เป็นต้น แต่ในบางหน้าที่มีข้อความค่อนข้างเยอะก็ควรจะเลือกแบบ อักษรที่อ่านได้ง่ายๆค่ะ Name : ชื่อแบบอักษร (ฟอนต์) อาจจะตั้งแบบนี้ก็ได้ค่ะ font_ชื่อฟอนต์ ชื่อฟอนต์ก็ควรจะตั้งตาม ที่เราเอาไปใช้ เช่น เอาไปแสดงคะแนนอาจจะเป็น font_score อย่างนี้ก็ได้ค่ะ Font : คุณสามารถเลือกแบบอักษร (ฟอนต์) ได้จากตรงนี้เลยค่ะ Size : ขนาดตัวอักษร Bold : ตัวหนา Italic : ตัวเอียง 41

Time Lines Time Lines หรือก็คือ เส้นเวลา เราสามารถกำหนดหรือสร้างการกระทำ ให้เกิดขึ้นในช่วงเวลาตอนเล่นเกม เช่น ในช่วงเวลาหนึ่ง คุณสามารถเพิ่มการกระทำให้ศัตรูเกิดขึ้นมาได้ค่ะ ปุ่มที่อยู่ด้านข้าง Time Lines Add : เพิ่ม Step Change : เปลี่ยน Step Delete : ลบ Step Clear : ล้าง Step หรือ ลบ Step ทั้งหมด Shift : เปลี่ยนช่วงเวลาเพื่อเป็นช่วงเวลาใหม่ Duplicate : สำเนาช่วงเวลา Spread : - Merge : รวมจำนวนช่วงเวลาเป็นหนึ่งเดียว 42

Object Object หรือ วัตถุ จะเป็นตัวกำหนดเหตุการณ์ และ การกระทำภายในเกมของคุณ การตั้งชื่อวัตถุ (Object) ส่วนใหญ่เขานิยมตั้งแบบนี้ค่ะ obj_ชื่อวัตถุ เพื่อให้ง่ายต่อการแก้ไข เรา จะได้รู้ว่าวัตถุนี้ไว้ทำอะไร และง่ายต่อการเขียนโค้ดด้วยค่ะ แม้ตอนนี้อาจจะยังเขียนไม่เป็น แต่ก็ ควรตั้งแบบนี้ไปเลยค่ะ เพราะมันจะเป็นความเคยชิน ไม่ต้องมาเปลี่ยนแบบการตั้งชื่อทีหลังค่ะ Visible : มองเห็นวัตถุ Solid : ทำให้วัตถุแข็ง Event : เหตุการณ์ Actions : การกระทำ 43

ทำความรู้จกั กับ Event ใน Object Create : เมื่อวัตถุถูกสร้างหรือเกิดขึ้นมา Destroy : การทำลาย Alarm : เวลา Step : เหตุการณ์ที่เกิดขึ้นตลอดทั้งเกม Collision : กระชน Keyboard : คีย์บอร์ด Mouse : เมาส์ การคลิกเมาส์และจอยสติก Other : อื่นๆ Draw : เกี่ยวกับการแสดงของคะแนน พลังชีวิต และอื่นๆ หรือ เกี่ยวกับการวาดฟอนต์ สี ต่างๆ Key Press : เมื่อ่กดปุ่มบนคีย์บอร์ด Key Release : เมื่อปล่อยปุ่มบนคีย์บอร์ด Trigger : Cancel : ยกเลิกหรือปิดหน้าต่าง Add Event 44

Object Event Mouse Left button : ปุ่มซ้าย (เมาส์) Right button : ปุ่มขวา (เมาส์) Middle button : ปุ่มกลาง (เมาส์) No button : ไม่กดปุ่ม (เมาส์) Left pressed : เมื่อกดเมาส์ซ้าย Right pressed : เมื่อกดเมาส์ขวา Middle pressed : เมื่อกดเมาส์กลาง Left released : เมื่อปล่อยเมาส์ซ้าย Right released : เมื่อปล่อยเมาส์ขวา Middle released : เมื่อปล่อยเมาส์กลาง Mouse enter : เมาส์เลื่อนไปที่ Object Mouse leave : เมาส์เลื่อนออกจาก Object Mouse wheel up : หมุนเมาส์ขึ้น (เมาส์ตรงกลาง) Mouse wheel down : หมุนเมาส์ลง (เมาส์ตรงกลาง) 45

Actions Move รู้จักกับ Event กันไปแล้ว ต่อมาเราจะมาดู Action กันบ้างค่ะ เริ่มจาก Actions Move Move Fixed ใช้กำหนดทิศทางการเคลื่อนไหวของวัตถุ (object) จะมีทั้งหมด 8 ทิศ ปุ่มตรง กลางไว้สำหรับหยุดการเคลื่อนไหว และเรายังสามารถระบุความเร้วในการเคลื่อยไหวได้ ด้วยค่ะ Move Free ใช้กำหนดทิศทางการเคลื่อนไหวของวัตถุ (object) ได้อย่างอิสระ โดยจะใช้ องศา 0-360 องศา ในการกำหนด ถ้าใส่ 360 จะสุ่มองศาในการเคลื่อนไหวค่ะ Move Towards ใช้กำหนดการเคลื่อนไหวระบุตำแหน่ง แกน x แกน y ว่าต้องการให้ตำแหน่ งนั้นๆมีความเร็วในการเคลื่อนไหวเท่าไหร่ Speed Horizontal กำหนดความเร็วการเคลื่อนไหวแนวนอน ตัวเลขเชิงบวกจะเคลื่อนไหวไป ด้านขวา ส่วนเชิงลบจะเคลื่อนไหวไปด้านซ้ายค่ะ 46

Actions Move Speed Vertical กำหนดความเร็วการเคลื่อนไหวแนวตั้ง ตัวเลขเชิงบวกจะเคลื่อนไหวลงไป ด้านล่าง ส่วนเชิงลบจะเคลื่อนไหวขึ้นไปด้านบนค่ะ Set Gravity ตั้งค่าแรงโน้มถ่วงหรือสร้างแรงโน้มถ่วงให้กับวัตถุ Reverse Horizontal ย้อนกลับ(เด้ง)การเคลื่อนไหวแนวนอน Reverse Vertical ย้อนกลับ(เด้ง)การเคลื่อนไหวแนวตั้ง Set Friction แรงเสียดทาน Jump to Position ย้ายวัตถุไปยังตำแหน่งที่ต้องการ ระบุตำแหน่งเป็น แกน x แกน y Jump to Start ให้วัตถุย้ายหรือกลับไปยังตำแหน่งที่วัตถุนั้นถูกสร้างขึ้นมา Jump to Random สุ่มวัตถุให้ไปอยู่ในตำแหน่งต่างๆ Align to Grid Wrap Screen ยกตัวอย่าง เช่น กำหนด Event ว่าเมื่อวัตถุออกจากห้องแล้วใส่ Ac- tion Wrap Screen เมื่อวัตถุเลื่อนออกจากด้านหนึ่งของห้องวัตถุก็จะไปโผล่อีกด้านหนึ่งของ ห้อง เราสามารถจะกำหนดได้ว่าให้เกิดการกระทำแบบนี้เฉพาะแนวตั้ง แนวนอน หรือทั้ง สองทิศทาง Move to Contact Bounce ไม่ว่าการเคลื่อนไหวจะเป็นแนวนอนหรือแนวตั้งก็จะเด้งกลับหมดค่ะ Set Path ให้วัตถุเดินตามเส้นทางที่สร้างไว้ End Path ให้วัตถุหยุดเดินตามเส้นทาง 47

Actions Move Path Position เปลี่ยนตำแหน่งของวัตถุในเส้นทาง Path Speed เปลี่ยนความเร็วของวัตถุบนเส้นทาง ถ้าเป็นเชิงลบจะถอยหลัง ถ้าใส่ 0 จะ หยุดการเคลื่อนไหวไปตามเส้นทางชั่วคราว Step Towards กำหนดตำแหน่งที่ต้องการให้วัตถุเคลื่อนไปอยู่ (แกน x แกน y) และยัง สามารถกำหนดความเร็วในการเคลื่อนไหวได้ด้วยค่ะ Step Avoiding คล้ายกับ Step Towards แต่เมื่อวัตถุเจอกับอีกวัตถุที่ถูกกำหนดให้เป็น ของแข็ง วัตถุนั้นจะหลีกเลี่ยงและเคลื่อนไหวไปในทางตรงกันข้ามค่ะ 48

Actions Main 1 Create Instance สร้างวัตถุใหม่ (object) ในตำแหน่งที่ต้องการ อาจจะใช้สำหรับสร้าง กระสุน ระเบิด เป็นต้น Create Moving คล้ายกับ Create Instance แต่คุณสามารถระบุความเร็วและทิศทางของ วัตถุได้ด้วยค่ะ Create Random สร้างได้ถึงสี่วัตถุ แต่ถ้าไม่ถึงก็ได้ค่ะ ในสี่วัตถุสามารถระบุตำแหน่ง (แกน x แกน y) Change Instance เปลี่ยนวัตถุเป็นอีกวัตถุหนึ่ง Destroy Instance ทำลายวัตถุ Destroy at Position เป็นเหมือนระเบิด เมื่อมีวัตถุอยู่ในตำแหน่งหรือขอบเขตที่ระบุจะถูก ทำลาย Change Sprite เปลี่ยนสไปร์ท Transform Sprite เปลี่ยนขนาดของสไปร์ท Color Sprite เปลี่ยนสีของสไปร์ท Play Sound เล่นเสียงดนตรี/เพลงในเกมของคุณ Stop Sound หยุดเล่นเสียงดนตรี/เพลง Check Sound ตรวจสอบว่าเสียงนั้นถูกเล่นหรือไม่ เราสามารถกำหนดได้ว่า ถ้าเสียงถูกเล่น จะเป็นอย่างไร และไม่ถูกเล่นจะเป็นอย่างไร Previous Room ย้ายไปห้องก่อนหน้านี้ 49