หนังสือเรียนรายวิชา การสร้างเกม1 ม.5

หนงั สือเรียนรายวชิ า การสรา้ งเกม ๑ ช้นั มัธยมศึกษาปีที่ ๕ โครงการบม่ เพาะและพัฒนาอาชีพเชงิ บรู ณาการ ดา้ นเทคโนโลยสี ารสนเทศและสอ่ื สาร ภายใต้โครงดารปฏิรปู หลกั สูตรการศกึ ษา พทุ ธศักราช ๒๕๕๕

คำ�น�ำ สำ�นกั งานคณะกรรมการการอดุ มศึกษา กระทรวงศกึ ษาธกิ าร ไดม้ ขี อ้ ตกลงความรว่ มมอื กับมหา วิทยาลยั พะเยา ภายใตโ้ ครงการปฏริ ูปหลักสูตรการศึกษาแห่งชาติ ได้ใหม้ กี ารพฒั นาหลกั สูตรและแผนการ สอน เอกสารประกอบการสอน ค่มู ือครู ท่บี ูรณาการความรดู้ า้ นเทคโนโลยีสารสนเทศและการสอ่ื สารกบั กลมุ่ อาชีพ เพ่อื ใช้ประกอบการเรียนการสอนของสถานศกึ ษาที่เข้าร่วมโครงการ เอกสารประกอบการสอนรายวิชา การสร้างเกม ๑ มเี น้ือหาสาระเกยี่ วกับ การสรา้ งเกมด้วย โปรแกรม Construct 2 ไดแ้ ก่ เกม ขัน้ ตอนการพัฒนาซอฟตแ์ วร์เกม เครื่องมือทใ่ี ช้ในการพัฒนาซอฟต์แวร์ เกม Layout และ Layer Game Object และ Behavior Event Collision HUD การเพมิ่ เสยี งลงในเกม และ การสง่ ออกเกม ผูจ้ ดั ทำ�เลม่ คมู่ ือครหู วงั เป็นอย่างยิง่ ว่า ค่มู ือเล่มนี้จะเปน็ แนวทางใหค้ รผู ู้สอนใช้เปน็ แนวทางในการ วางแผนการจัดการเรียนรู้ให้บรรลุวัตถุประสงค์ที่ตั้งไว้และสามารถนำ�ไปจัดการเรียนการสอนตามความ เหมาะสมและความพรอ้ มของโรงเรียน ซึ่งจะเป็นประโยชน์ต่อผู้เรียนและผู้ทเ่ี กย่ี วข้อง เพ่ือพัฒนาทกั ษะ กระบวนการเรยี นร้ใู หส้ ามารถน�ำ ไปประยกุ ต์ใช้ความร้ไู ดอ้ ย่างมีประสทิ ธภิ าพ ขอขอบคณุ บคุ คลและหนว่ ย งานต่างๆ ท่มี สี ่วนเก่ียวข้องในการจัดท�ำ ไว้ ณ โอกาสนี้ ผ้จู ดั ท�ำ อรรถชยั ดาดี 12 กมุ ภาพันธ์ 2557

สารบญั บทท่ี 1 เกม 1 1 ความหมายของเกม 1 1 2 บทบาทหน้าทแ่ี ละความส�ำ คญั ของเกม 1 1 3 ประเภทของเกม 2 1 4 เครอื่ งเลน่ เกม และอุปกรณ์ในการเล่น 8 1 5 เครอื่ งมอื ท่ีใช้พัฒนาเกม 10 บทที่ 2 ขั้นตอนการพฒั นาซอฟตแ์ วรเ์ กม 2 1 Game Development Life Circle 14 2 2 หลักการออกแบบเกม 15 2 3 ปัจจัยที่จะกอ่ ให้เกดิ ความสนุกในเกม (Fun Factor) 17 บทที่ 3 เคร่อื งมอื ท่ีใช้ในการพัฒนาซอฟตแ์ วร์เกม 3 1 โปรแกรม Construct 2 22 3 2 คณุ สมบตั เิ ดน่ ของ Construct 2 23 3 3 คณุ สมบตั ขิ องเครอ่ื งทีจ่ ะตดิ ตง้ั Construct 2 26 3 4 การดาวนโ์ หลด Construct 2 26 3 5 การติดตั้ง Construct 2 28 3 6 ส่วนประกอบและหน้าตาของ Construct 2 32 บทท่ี 4 Layout และ Layer 4 1 Layout 38 4 2 Layer 39 4 3 เริม่ ตน้ สรา้ งเกม Alians Attack ดว้ ย Construct 2 40 4 4 สรา้ ง Layout ให้เกม Alians Attack 42 4 5 เรม่ิ จดั การเลเอาท์ Main Menu 44 บทที่ 5 Game Object และ Behavior 5 1 ภาพรวมของการเขยี นโปรแกรมเชิงวัตถุ 52 5 2 Variable 54 5 3 เพิ่ม Instane Variable ให้กบั Object UFO 56 5 4 Behavior 58 5 5 ก�ำ หนดพฤติกรรมใหก้ ับ Object UFO 59

บทที่ 6 Event 6 1 การควบคุมทิศทางของเกมใน Construct 2 64 6 2 เรม่ิ ตน้ การใชง้ าน Event Sheet ดว้ ยการควบคุมมุมยิงด้วยตำ�แหนง่ เมาส ์ 66 6 3 การสรา้ ง Event ให้ Object Cannon สามารถยงิ กระสุน Object Bullet ได ้ 74 6 4 การสร้าง Event เพ่อื กำ�หนดการเคลอ่ื นทขี่ อง Object UFO และ Object Shark 80 6 5 เกบ็ รายละเอียดงาน 83 บทที่ 7 Collision 7 1 ความส�ำ คญั ของการตรวจสอบการชนกนั ของ Object เกม 88 7 2 เขียน Event เพอื่ จดั การการชนกนั ของ Object Bullet และ Object UFO 89 7 3 การเขยี น Event เพ่อื สมุ่ Object ไอเทม 91 7 4 การเขยี น Event เพ่ือให้ผู้เล่นสามารถเปลี่ยนอาวธุ ได ้ 96 บทที่ 8 HUD 8 1 สว่ นแสดงผลสถานะของเกม 102 8 2 เพม่ิ สว่ นแสดงผล HUD 103 8 3 จัดการ Gameplay 105 8 4 จัดการระดบั ความยากของเกม 107 8 5 เพ่ิมเอฟเฟกต์ 108 8 6 จดั การเลเอาท์ Main Menu Layout และเลเอาท์ Game Over Layout 109 บทที่ 9 การเพมิ่ เสียงลงในเกม 9 1 การเพม่ิ เสียงลงใน project เกม 112 9 2 การเรยี กใช้เสยี งใน Construct 2 114 บทที่ 10 การสง่ ออกเกม 10 1 รูปแบบของการสง่ ออกเกมดว้ ย Construct 2 118 10 2 การเตรยี มไฟล์เกมส�ำ หรับสง่ ออกไปยัง Scirra Arcade 122 10 3 การสง่ ออกไฟลเ์ กมไปยัง Scirra Arcade 124

บทที่ 1 เกม

บทท่ี 1 เกม 1.1 ความหมายของเกม เกม และ การละเล่น เป็นลกั ษณะของกิจกรรมเพือ่ ประโยชน์อยา่ งใดอย่างหน่งึ เช่น เพ่อื ความ บันเทงิ เพอ่ื ฝกึ ทักษะ และ เพอื่ การเรยี นรู้ เปน็ ตน้ อาจมีผเู้ ลน่ คนเดียวหรอื หลายคนกไ็ ด้ ซงึ่ เกมจะต้อง ประกอบด้วย • ผู้เล่น ตามจ�ำ นวนทก่ี ำ�หนด บางเกมหากผเู้ ลน่ ไมค่ รบตามจำ�นวนก็ไม่สามารถเล่นได้ • อุปกรณใ์ นการเล่นเกม • เป้าหมายของเกม ซง่ึ อาจมีเปา้ หมายเดยี ว หรือหลายเปา้ หมาย • กฎ กตกิ า ทีผ่ เู้ ล่นจะตอ้ งปฏบิ ัติตาม 1.2 บทบาทหนา้ ที่และความสำ�คัญของเกม เป้าหมายหลกั ของเกมกค็ ือความสนกุ สนานและความบันเทิง แต่ในบางครัง้ ก็อาจสอดแทรกความรู้ เรือ่ งราว ข้อคดิ วฒั นธรรม หรือแม้แต่แฝงโฆษณาเอาไว้ด้วย เราจะเหน็ ได้วา่ การเลน่ เกมนัน้ ผูเ้ ล่นจ�ำ เป็นตอ้ งแกป้ ญั หา เพ่อื ผา่ นอปุ สรรคในเกม หรือเอาชนะผู้ เลน่ คนอนื่ ๆ เขาจะตอ้ งใชค้ วามรู้ ทกั ษะต่างๆ รวมไปถึงความอดทน และความพยายามเพอื่ ทจี่ ะแก้ปญั หา ตรงหนา้ ให้ได้ ในปจั จุบัน เกมไดถ้ กู พฒั นาไปมาก ท้งั รปู แบบการเลน่ เครอ่ื งเลน่ มกี ารเพ่มิ เรอ่ื งราวและตวั ละคร เขา้ ไปในเกม ทำ�ให้เกมได้รับความนิยมมากขนึ้ เกมจึงไดก้ ้าวขึ้นมาเปน็ ส่อื บนั เทิงแขนงหนง่ึ เทียบเทา่ สอ่ื อนื่ ๆ เช่น ภาพยนตร์ ละคร การต์ ูน ฯลฯ สามารถใช้ตอ่ ยอดเปน็ สอ่ื อ่ืนๆ หรอื กลายเป็นสินคา้ ของเล่น ของทีร่ ะลกึ ฯลฯ และมสี ่วนในการขับเคลือ่ น เศรษฐกิจของประเทศ เช่นเดยี วกับสอื่ บนั เทงิ อื่นๆ เกมจงึ ถือเป็นดาบสองคมที่จะมีประโยชนห์ รือโทษ ก็ขนึ้ อยู่กับผ้พู ฒั นา เกมและผ้เู ล่น ผูพ้ ัฒนาเกมสามารถใช้ประโยชน์ตรงจดุ นี้ พัฒนาเกมที่ชว่ ยผเู้ ลน่ ได้ฝกึ ทกั ษะในดา้ นต่างๆ พัฒนาเกมทีส่ อดแทรกความรู้ เรอื่ งราวทางวัฒนธรรม พัฒนาเกมทีส่ ร้างประโยชนใ์ ห้กับสงั คมได้ แต่ถงึ อย่างไรก็ตาม ก็อยา่ ลืมว่า หน้าทห่ี ลกั ของเกมก็คอื การสร้างความบันเทิงใหก้ บั ผเู้ ล่นน่นั เอง รูปที่ 1.1 Dragon Quest หรือ Dragon Warior (Square Enix) เกม RPG ในต�ำ นานอีกเกมหนง่ึ ท่ีทำ�ออกมาแล้ว มากกวา่ 10 ภาค เป็นเร่ืองราวการกอบกโู้ ลกของเหล่าผู้กล้า 2จากเงอ้ื มมือของจอมมาร

1.3 ประเภทของเกม เกมมีหลายประเภท ขึน้ อยกู่ ับวา่ เราใช้หลกั เกณฑอ์ ะไรในการแบง่ ประเภท ซึง่ บางครัง้ เกมบางเกมก็ อาจจะมลี กั ษณะของเกมหลากหลายประเภทรวมกัน ดงั นนั้ ในบทเรยี นนี้ เราจงึ ขอกล่าวถงึ ค�ำ ศพั ทท์ บี่ ่งบอกถงึ ลกั ษณะของเกมแทน • Action Game เปน็ ประเภทเกมทใี่ ชก้ ารบังคบั ทิศทางและการกระท�ำ ของตวั ละครในเกมเพอื่ ผ่าน ดา่ นต่างๆ ไปใหไ้ ด้ • First Person Shooter (FPS เกมมมุ มองบุคคลท่ี 1) เป็นเกมท่ใี ห้ผเู้ ลน่ สวมบทบาทผ่านมุมมอง จากสายตาตัวละครตวั หน่งึ จุดเดน่ คือเหตกุ ารณ์ทกุ ๆ อย่างจะผา่ นสายตาของผูเ้ ลน่ ท้งั หมด ผู้เลน่ จะไม่เหน็ ตัวเอง • Third Person Shooter (เกมมุมมองบคุ คลที่ 3) มีลักษณะคล้ายกบั เกม First Person Shooter แตจ่ ะตา่ งตรงทเ่ี กมประเภทนีผ้ ูเ้ ลน่ จะได้มมุ มองจากดา้ นหลงั ของตัวละครแทน • Platformer หมายถึงเกมท่วี างฉากไวบ้ นพ้ืนทข่ี นาดหนึ่ง และใหผ้ ้เู ล่นผ่านเกมไปให้ไดท้ ีละด่าน โดยสว่ นมากมักจะเนน้ ให้ผ้เู ล่นกระโดดข้ามฝ่งั จากฝงั่ หนึง่ ไปอีกฝัง่ หนงึ่ มกั จะเป็นเกมแบบ 2 มิตแิ ละมกี าร ควบคุมแค่เดินซ้ายกับขวา • Stealth-based game คือเกมที่ไมเ่ น้นการบกุ ตะลยุ ซึ่งๆ หนา้ แต่ใชก้ ารหลบซอ่ นตัว และหลอก ลอ่ ฝา่ ยศัตรเู พอื่ ผา่ นอปุ สรรคไปใหไ้ ด้ รูปท่ี 1.2 fix-it felix jr. เกมตู้ที่ถูกนำ�ไปสร้างภาพยนตร์ในชือ่ wreck-it ralph 3

รปู ที่ 1.3 Counter-Strike (Valve Corporation) เกมแนว FPS เกมแรกๆ ที่ไดร้ บั ความนิยมมากในประเทศไทย • Survival/Horror เชน่ เดียวกบั Action Adventure Game แตเ่ รื่องราวในเกมจะเป็นสถานการณ์ สยองขวัญเพอ่ื ให้ผู้เลน่ ต้องเอาชีวติ รอดไปใหไ้ ด้ • Role-Playing Game (RPG) หรอื ทีน่ ยิ มเรยี กกันวา่ เกมภาษา เพราะต้องใช้ความรดู้ า้ นภาษาน้นั ๆ ในการเลน่ เกมประเภทน้ีจะก�ำ หนดให้ตัวผูเ้ ลน่ อยู่ในโลกสมมตุ ิ และใหผ้ ูเ้ ล่นสวมบทบาทเป็นตัวละครหนึ่งใน โลกน้นั ๆ ผจญภยั ไปตามเนื้อเรอ่ื งทีก่ �ำ หนด โดยมีจดุ เดน่ ทางดา้ นการพฒั นา Level ของตัวละคร เกบ็ เงนิ ซื้อ อาวธุ อุปกรณ์ ตัวเกมไมเ่ นน้ การบังคบั ตัวละคร แตจ่ ะใหผ้ ้เู ล่นสัมผัสกับเรอ่ื งราวแทน • Adventure Game เปน็ เกมท่ีผู้เล่นจะสวมบทบาทเป็นตัวละครทีต่ อ้ งไขปรศิ นาในเกมให้ส�ำ เรจ็ ลลุ ่วง โดยส่วนมากปรศิ นาในเกมจะเนน้ การแก้ปัญหาและใช้ส่งิ ของที่ผู้เล่นเก็บมาระหวา่ งผจญภยั • Puzzle Game เป็นเกมแนวทเี่ ลน่ ไดท้ ุกวัย ตัวเกมมกั จะเน้นการแก้ปรศิ นา ปัญหาต่างๆ มตี ั้งแต่ ระดับง่ายไปจนถึงซับซอ้ น เปน็ เกมทีไ่ มเ่ นน้ เรือ่ งราวแตจ่ ะเนน้ ไปท่คี วามทา้ ทายให้ผ้เู ล่นกลบั มาเล่นอีกครงั้ ในระดบั ที่ยากขึ้น • Simulation Game เปน็ เกมประเภททจ่ี �ำ ลองสถานการณต์ ่างๆ มาให้ผู้เล่นไดส้ วมบทบาทเปน็ ผอู้ ยูใ่ นสถานการณน์ ้นั ๆ เหตกุ ารณต์ ่างๆ อาจจะนำ�มาจากสถานการณจ์ รงิ หรือสถานการณ์สมมตุ ิกไ็ ด้ เกม ประเภทนม้ี หี ลายรปู แบบ เช่น - Virtual Simulation เกมจำ�ลองการใช้งานต่างๆ เชน่ การขบั เครือ่ งบนิ การผา่ ตัดคนไข้ - Business Simulation เกมจ�ำ ลองธรุ กิจตา่ งๆ ใหผ้ ูเ้ ลน่ สวมบทเปน็ ผูจ้ ัดการ 4

- Situation Simulation เกมจำ�ลองเหตุการณ์ และบทบาทใหผ้ ู้เล่น เชน่ เป็นนายกเทศมนตรี คอยจดั การดแู ลและพัฒนาเมือง - Life Simulation เกมจำ�ลองการใช้ชีวติ ประจำ�วัน - Pet Simulation เกมเล้ียงสตั ว์ - Sport Simulation เกมวางแผนจัดการทมี กฬี า โดยให้ผู้เลน่ เปน็ ผจู้ ดั การทตี่ อ้ งดแู ละนกั กฬี า วางแผนการแข่งขนั ซ้ือขายนกั กฬี า หรือแม้แต่การออกมาใหข้ ่าวส่อื ตา่ งๆ - Renai หรอื เกมจีบสาวจีบหน่มุ โดยให้ผู้เลน่ รบั บทเป็นตัวเอกที่ได้มีโอกาสสรา้ งความสมั พนั ธ์ กับตวั ละครอ่นื ๆ ซึ่งจะมีผลต่อทิศทางเนื้อเรื่องภายในเกม • Shooting Game คือเกมบงั คับตวั ละครหรอื ยานยงิ แบบต่างๆ ทง้ั แบบแนวนอน แนวตงั้ และ 3D • Fighting Game คอื เกมทเี่ ปน็ ลักษณะเอาตัวละครสองตัวขนึ้ ไปมาต่อสกู้ ันเอง ลักษณะเกมจะเน้น ให้ผู้เลน่ ใช้จงั หวะและความแม่นย�ำ กดทา่ โจมตีต่างๆออกมา ตวั ละครทใี่ ช้จะมคี วามสามารถที่ตา่ งกันออกไป • Rythm Game เกมดนตรี คือเกมที่ผ้เู ล่นจะต้องกดปุ่มให้ถูกตอ้ ง ถกู จังหวะเวลา โดยใช้เสียงเพลง ชว่ ยบอกจังหวะ ซงึ่ บางเกมอาจตอ้ งใชอ้ ปุ กรณ์เสริม เชน่ แผ่นเต้น กีตา้ ร์ กลอง คียบ์ อร์ด รูปท่ี 1.4 Grand Theft Auto (Rockstar Games) เกมแนว Third person Shooter ที่มีเนอื้ หาเกี่ยวกับปญั หาสังคม อาชญากรรม และการหักเหล่ียมเฉือนคม ระหวา่ งเหล่าผู้มีอิทธิพล 5

• Strategy Game หรือ เกมวางแผนการรบ รูปแบบการเลน่ หลักๆ ของเกมประเภทน้ีมักจะเป็นการ ควบคมุ กองทพั , เกบ็ เก่ียวทรัพยากร สร้างกองทัพ สร้างฮีโร่ เกมประเภทนี้แบ่งเป็น 2 ประเภทตาม ลักษณะ การเล่นคอื - Real Time Strategy เกมจะด�ำ เนนิ ไปตลอดเวลา ผ้เู ล่นทกุ คนจะเลน่ ไปพรอ้ มๆ กัน - Turn Based Strategy ผเู้ ล่นจะสลบั กนั เล่นเปน็ คร้งั ๆ เช่นเดยี วกบั เกมหมากรุก หรือเกมไพ่ • Sport Game เปน็ กึ่งๆ เกมจ�ำ ลองการเล่นกีฬาตา่ งๆ มีการอา้ งองิ กติกาจริง รวมไปถงึ นกั กฬี าจรงิ และสนามแขง่ จรงิ ด้วย • Tower Defense Game เกมวางแผนทเี่ น้นการสร้างพลอาวธุ เพ่อื ปอ้ งการการเข้าโจมตขี อง กองทัพศตั รู • Sling Shot Game เกมยิงอาวธุ ด้วยหลกั การแบบการยงิ หนังสตกิ๊ • Mini Game เปน็ ค�ำ ทใี่ ช้เรยี กรปู แบบเกมท่ีเพิม่ ขน้ึ มาจากเกมหลัก มกั เป็นเกมท่มี รี ปู แบบการเลน่ ง่ายๆ เพื่อชิงรางวัลในเกม • Online Game คือเกมทเ่ี ปน็ ลักษณะทม่ี ผี ู้เลน่ หลายคน เลน่ ผา่ นระบบอินเทอรเ์ น็ต มีการพูดคยุ กนั ในเกม • MMORPG เป็นการน�ำ เกม RPG ใหเ้ ป็นเกมออนไลน์ ผ้เู ล่นแตล่ ะคนจะสวมบทบาทเป็นตวั ละคร ตวั หนงึ่ ในเกม สรา้ งสังคมออนไลน์ ในเกมสามารถสรา้ งห้องขึ้นมาเพ่อื พดู คุยแลกเปลี่ยน มกี ารส่งขอ้ ความ ถงึ กนั ได้ รูปท่ี 1.5 Command & Conquer: Red Alert 2 (EA Games) เกมแนววางแผนการรบ 6 มใี ห้เล่นท้ังแบบปฏบิ ัติภารกิจตามเนอื้ เร่ือง หรอื เลน่ กับเพ่อื นๆ ผา่ นเครอื ข่าย LAN

รปู ที่ 1.6 กรณศี ึกษา Simulation game Patrick Klug หนึง่ ในสองนกั พัฒนาเกมแหง่ ค่าย Greenheart Games ผู้ผลติ เกมจ�ำ ลองการเปน็ นกั พฒั นาเกมทีช่ ่ือว่า Game Dev Tycoon ไดเ้ ขียนบลอ็ กพูดถงึ การทดลองบางอย่างทีเ่ ขาท�ำ กับเกมน้ีบน version ส�ำ หรบั Windows, Mac, และ Linux เขาไดน้ ำ�เกมนไี้ ปปลอ่ ยบนเวปไซตห์ ลาย ๆ แห่งโดยระบุวา่ เป็น version ท่ี crack แล้วและสามารถ เลน่ ไดจ้ รงิ แตก่ าร crack ทเ่ี ขาทำ�นัน้ ไม่ได้ท�ำ เพื่อใหเ้ กมนี้สามารถเลน่ ได้โดยไมต่ ้องซื้อ แต่เป็นการดดั แปลงเกม เพือ่ ใหเ้ กดิ เหตุการณ์บางอย่าง นั่นคอื ตวั เกมทีผ่ ู้เล่นก�ำ ลงั พฒั นาอยูใ่ นเกมนั้นจะถูกดาวน์โหลดอยา่ งละเมิด ลิขสทิ ธเ์ิ ปน็ จ�ำ นวนมาก และจากนนั้ เงินทนุ ในเกมก็จะลดลงอย่างรวดเร็ว จนมผี ลท�ำ ให้ผเู้ ลน่ ล้มละลาย มผี ู้เล่นจ�ำ นวนมากทปี่ ระสบปญั หานี้ พวกเขาไดเ้ ขา้ ไปโพสตต์ ามเวปไซต์ต่างๆ ว่าพวกเขาไม่สามารถ หาวิธที ่ีจะเลน่ ตอ่ ไปได้โดยทีไ่ มถ่ ูกละเมิดลขิ สิทธจิ นลม้ ละลาย เขาหวงั ว่าผ้เู ล่นจะเขา้ ใจความรสู้ ึกของนักพัฒนาเกม และลดละเมิดลขิ สทิ ธิเ์ กมลงบา้ ง 7

รปู ท่ี 1.7 XBox เครื่องเล่นเกมคอนโซลจากบริษทั Microsoft พรอ้ มอุปกรณเ์ สรมิ Kinect ท่จี ะทำ�ให้ผู้เลน่ เล่นเกมได้เพยี งแค่ขยับรา่ งกายหนา้ จอทีวี รูปที่ 1.8 Angry bird (Rovio Entertainment) เกมบนมอื ถอื ที่ประสบความสำ�เรจ็ ทั่วโลก แต่ก่อนจะมาถงึ จดุ นไี้ ด้นัน้ บริษัท Rovio Entertainment ต้องสรา้ งเกมลองผิดลองถูกมากกว่าถงึ 50 เกม 1.4 ประเภทของเครือ่ งเล่นเกม จะเห็นได้วา่ ในปัจจุบัน มีเกมหลายเกมถกู พฒั นาให้เล่นกับเคร่อื งเลน่ เกมมากข้นึ ดังน้นั ในหัวข้อ หลังจากน้เี ราจะขอพูดถึงเฉพาะเกมเหล่านี้ ซ่งึ เกมที่สร้างจากการพฒั นาโปรแกรม (Software Game) ส�ำ หรบั เล่นบนเครอื่ งเลน่ เครอ่ื งใดเครอื่ งหน่ึง ยกตวั อย่างเช่น • Arcade Game คอื เกมท่ีรองรบั เครือ่ งเกมตู้ • Console Game คือเกมที่รองรบั เคร่ืองเลน่ คอลโซลต่างๆ เช่น Wii PS Xbox • PC Game คอื เกมท่รี องรับการเล่นบนเคร่อื งคอมพิวเตอร์ Notebook 8 • Mobile Game คือเกมท่ีรองรบั อปุ กรณต์ า่ งๆ เชน่ มือถอื แทบ็ เล็ต

แม้วา่ เกมแต่ละเกมจะรองรบั เครอ่ื งเล่นได้เพยี งอย่างใดอย่างหน่งึ แตผ่ ้พู ัฒนาเกมกส็ ามารถแก้ไขให้ เกมของตนให้เปน็ Version ท่ีสามารถเล่นบนเครือ่ งเลน่ อน่ื ๆ ได้ รปู ท่ี 1.9 PSVita เคร่อื งเลน่ เกมคอนโซลแบบพกพาร่นุ ใหมท่ ่รี องรบั เทคโนโลยใี หม่ๆ มากขึน้ รูปที่ 1.10 Gameboy เครอื่ งเล่นเกมคอนโซลแบบพกพายอดนิยมในชว่ งปี 2000 9

1.5 เคร่อื งมือที่ใช้พฒั นาเกม การพฒั นาเกมยคุ แรกเรม่ิ ผู้พัฒนาจะตอ้ งเขยี นชดุ ค�ำ สัง่ ภาษาคอมพวิ เตอร์ด้วยตัวเอง เป็นชุดคำ�สงั่ ส�ำ หรบั ใช้ในการตดิ ตอ่ กบั ระบบปฏบิ ัตกิ าร ตดิ ต่อกับอุปกรณ์ตา่ งๆ เช่น สว่ นแสดงผล ส่วนรับขอ้ มูล ส่วน ส่งออกเสยี ง ท�ำ ใหก้ ารพัฒนาเกมจ�ำ เปน็ ตอ้ งต้งั ทีมโปรแกรมเมอรโ์ ดยเฉพาะ หลงั จากนั้นจงึ เริม่ มีการพัฒนาเครอ่ื งมอื ต่างๆ เพ่ือชว่ ยใหก้ ารเขียนเกมมีความสะดวกมากยิง่ ข้ึน โดย เครอ่ื งมอื เหล่านจี้ ะถกู เรียกวา่ Game engine ซึ่งเปน็ ซอฟต์แวรท์ ่ีชว่ ยอ�ำ นวยความสะดวกใหก้ บั กลุ่ม นักพัฒนาเกม ท�ำ ให้การเขยี นเกมเป็นเร่อื งทงี่ า่ ยข้นึ และสามารถช่วยลดขั้นตอนลงไปไดม้ าก รปู ที่ 1.11 หน้าตาของโปรแกรมสรา้ งเกมด้วย HTML5 Construct 2 10

รูปท่ี 1.12 หน้าตาของโปรแกรม Unity engine สำ�หรับการเขยี นเกม 3D รูปท่ี 1.13 หน้าตาของโปรแกรม RPG Maker สำ�หรบั การเขยี นเกม RPG บนเคร่อื ง PC 11



บทท่ี 2 ขน้ั ตอนการพฒั นาซอฟตแ์ วรเ์ กม

บทที่ 2 ข้ันตอนการพฒั นาซอฟต์แวร์เกม 2.1 Game Development Life Cycle วงจรชวี ติ ของการพฒั นาซอฟตแ์ วรเ์ กม ไม่ตา่ งกับการพฒั นาซอฟตแ์ วร์อ่ืนๆ ซึ่งเป็นโครงร่างหรอื แนวทางวิธกี าร เพื่อทีมงานและผู้เกี่ยวขอ้ งทำ�ความเขา้ ใจ และใช้เป็นข้นั ตอนนำ�ไปสูก่ ารพัฒนาซอฟตแ์ วรใ์ ห้ ส�ำ เร็จ ระเบยี บวธิ ีการพฒั นาซอฟต์แวรม์ อี ย่หู ลายวิธีการ แต่ละวิธีการมขี อ้ ดแี ละขอ้ เสยี ทแ่ี ตกตา่ งกัน ตัวอยา่ งระเบยี บวิธกี ารพฒั นาซอฟตแ์ วรท์ ่ีไดร้ ับความนยิ ม เชน่ Waterfall Model, Spiral Model, Agile Software Development ซง่ึ แต่ละวิธจี ะประกอบไปดว้ ยขน้ั ตอนท่ีคลา้ ยคลงึ กนั ยกตัวอย่างเชน่ • Waterfall Model เปน็ โมเดลที่เหมาะสมหรบั ซอฟตแ์ วร์เกมขนาดเลก็ มีขั้นตอนการพฒั นาทไ่ี มซ่ ับซ้อน มีความชดั เจน 1) Requirements เปน็ ขั้นตอนการวางแผนงานโดย กำ�หนดรปู แบบของซอฟต์แวร์ ประมาณการ ตน้ ทนุ ในการพฒั นาระบบ กำ�หนดขอบเขตและแนวทางของการพฒั นาระบบ ก�ำ หนดระยะเวลาในขน้ั ตอน ต่างๆ ศกึ ษาความตอ้ งการจากผู้เล่น เปน็ ตน้ 2) Design เปน็ ขั้นตอนการออกแบบส่วนประกอบต่างๆ ของซอฟต์แวร์ เพ่อื ให้ตรงกับความต้องการ ที่ไดว้ ิเคราะห์มาแล้ว 3) Implementation เป็นขน้ั ตอนการสรา้ งระบบโดยการเขียนโปรแกรมตามแนวทางการออกแบบ จากขั้นตอนท่ีผ่านมา 4) Verification เปน็ ขนั้ ตอนการนำ�ระบบที่ทำ�มาทดสอบการใช้งาน ว่าระบบสามารถท�ำ งานถูกต้อง ตามความตอ้ งการทีไ่ ด้หรอื ไม่ 5) Maintenance เป็นขัน้ ตอนของการให้ความช่วยเหลือตอ่ ผใู้ ช้ เมอ่ื พบปัญหา โดยหากปัญหาที่ เกิดไม่สามารถแก้ไขได้ จะต้องท�ำ การพัฒนาระบบเพิ่มเตมิ กจ็ ะเรม่ิ วนไปท่ขี ั้นตอนแรกใหม่ 14 รปู ที่ 2.1 แผนภาพแสดง Waterfall Model

รูปท่ี 2.2 ตัวละครของเกม Battle Cat เกมบน Android และ iOS 2.2 หลักการออกแบบเกม (Game Designing) หลักการออกแบบเกมน้นั ไม่มีกฎเกณฑ์ตายตัว แตม่ ปี จั จัยที่มีความเกี่ยวขอ้ งกับความร้สู ึกของผเู้ ล่น เกมโดยตรง เราลองเรมิ่ จากสมมุตติ วั เองเปน็ ผู้เลน่ ลองคดิ ดวู ่าผู้เล่นอยากไดอ้ ะไรจากเกม ในเกมของเรานั้น มสี ว่ นท่ีไมจ่ ำ�เปน็ หรอื มีส่วนทตี่ ้องเพ่มิ เติมหรอื ไม่ ซ่งึ เป็นกระบวนการที่ตอ้ งอาศัยจินตนาการ และความคดิ สร้างสรรค์ ทัง้ นี้ เรามคี �ำ ศพั ท์ท่คี วรท�ำ ความร้จู กั ก่อนเริม่ การพัฒนาเกมดังน้ี • InterActive Design คอื การออกแบบระบบควบคุมในเกม เช่น ระบบควบคุมตวั ละคร ควบคมุ มมุ มอง เป็นตน้ โดยการ ออกแบบต้องคำ�นึงถงึ วา่ เราตอ้ งให้เลน่ ควบคมุ เกมให้นอ้ ยทสี่ ุดแต่มีประสิทธภิ าพมากท่สี ุด การควบคุมเกม สามารถแบ่งได้เปน็ - InterActive Task คอื แถบควบคุมทอ่ี ยบู่ ริเวณหน้าจอ (Interface) ซึง่ ควรมีการออกแบบลำ�ดบั การจดั วางทีด่ ี เพอ่ื สามารถช่วยใหผ้ เู้ ล่นควบคมุ เกมไดอ้ ย่างราบรน่ื - InterActive Device คือการควบคุมจากภายนอก เชน่ คยี ์บอร์ด จอยสตกิ๊ เมาส์ หนา้ จอทัชสกรีน • Graphic Design เกมทม่ี ีกราฟกิ สวยงามเปน็ สิ่งทีด่ งึ ดูดผ้เู ล่นได้เปน็ อย่างดี องคป์ ระกอบของกราฟกิ ที่ดนี ้ัน สว่ นใหญ่ มาจากหลกั การออกแบบพืน้ ฐาน เชน่ ทฤษฎสี ี จงั หวะ การจัดวาง ความกลมกลนื ฯลฯ รวมถงึ ลกั ษณะ มุมมองท่เี หมาะสมกบั เกม ส�ำ หรับเกมท่ีมีเนื้อเรอ่ื ง การออกแบบตัวละครต้องมีความพถิ พี ิถันเป็นอยา่ งมาก • Game Play Design คือลักษณะการเลน่ หลกั ของเกมนัน้ ๆ รวมไปถึงกฎขอ้ บังคบั ภายในเกม เช่น หมากรุกมลี ักษณะ การเลน่ แบบผลดั กันเดิน (Turn-Base) และยูนติ แต่ละตวั มีรูปแบบการเดนิ ทีแ่ ตกต่างกัน ฝา่ ยใดโดนกิน ขนุ กอ่ นจะแพ้ เกมเพลยเ์ ปน็ ส่วนสำ�คญั ต่อความสนุกของเกม การออกแบบเกมจึงควรใหม้ ีความส�ำ คัญกับ ปัจจยั น้เี ป็นอนั ดบั แรก 15

รูปท่ี 2.3 เกม Plant vs Zombies (ภาพบน) และ DotA (ภาพลา่ ง ) 16 จะสังเกตไดว้ ่า ยง่ิ เกมมีระบบซบั ซอ้ น การออกแบบหนา้ ตาของเกมกจ็ ะยิ่งยงุ่ ยากขน้ึ

2.3 ปจั จัยทีจ่ ะก่อใหเ้ กดิ ความสนกุ ในเกม (Fun Factor) การออกแบบเกมใหม้ คี วามสนุกสนาน มสี ่งิ ทคี่ วรค�ำ นงึ ถึง เรียกว่า Fun Factor หรือปจั จยั ทจ่ี ะกอ่ ใหเ้ กดิ ความสนกุ ในเกม ยกตวั อยา่ งเช่น • Concentration เกมจะต้องดงึ ดดู และผู้เลน่ สามารถอยกู่ บั เกมไดน้ าน 1) เกมควรจะมสี ิ่งกระต้นุ อยา่ งหลากหลายภายในเกม เพ่อื ให้ผู้เลน่ ไดจ้ ดจอ่ และเพลดิ เพลินไปกบั สิ่ง เหลา่ นัน้ เชน่ มไี อเทมในเกมอย่างหลากหลายให้เลือกใช้ ซึ่งไอเทมแตล่ ะอย่างจะใหผ้ ลท่ีแตกตา่ งกันออกไป หรือในแตล่ ะเกมก็อาจจะมมี มุ มองท่ีหลากหลาย เปน็ ตน้ 2) ส่ิงกระตนุ้ ภายในเกมจะตอ้ งมีความนา่ สนใจเพยี งพอ ซงึ่ จะแตกตา่ งกันไปตามลักษณะพฤติกรรม ของผู้เล่น 3) เกมควรจะเป็นท่นี ่าสนใจของผูเ้ ล่นอย่างรวดเร็ว และรักษาระดับความน่าสนใจอันน้ีใหไ้ ดท้ งั้ เกม 4) เกมแต่ละเกมจะมีเป้าหมายหลกั ผเู้ ล่นไม่ควรจะท�ำ ส่งิ ทไ่ี ม่ใชเ่ ป้าหมายของหลักเกม ซ่งึ จะทำ�ให้ เกมน่าเบื่อ เชน่ การพูดคยุ ภายในเกมทีน่ านเกินไป และไมก่ ่อใหเ้ กิดประโยชนต์ ่อผู้เลน่ • Challenge เกมควรมกี ารทา้ ทายอยา่ งเหมาะสมกับระดบั ทักษะของผเู้ ล่นตามกลุม่ เปา้ หมาย 1) ความท้าทายในเกมจะตอ้ งเหมาะสมกบั ระดับทกั ษะของผเู้ ล่น ไม่ควรยากหรอื ง่ายจนเกนิ ไป 2) เกมควรมีความท้าทายหลายๆระดบั ส�ำ หรบั ผ้เู ล่นต่างๆกนั เชน่ มโี หมดให้เลอื กระดบั ความยาก งา่ ย 3) ระดับความท้าทายควรเพมิ่ ข้นึ ตามทกั ษะการเล่นท่ีพฒั นาข้นึ ของผู้เลน่ ตลอดทง้ั เกม เช่น เกมใน ฉากแรกจะงา่ ยก่อน เพื่อเปดิ โอกาสใหผ้ ู้เลน่ ไดพ้ ฒั นาทักษะการเล่น และจะยากขน้ึ ไปเรอื่ ยๆในฉากต่อๆไป 4) เกมควรมคี วามทา้ ทายใหมๆ่ เม่ือถึงจังหวะเวลาทเี่ หมาะสม ความทา้ ทายในเกมควรมีหลากหลาย เพ่ือลดความนา่ เบ่ือ สร้างความแปลกใหมแ่ ละความคาดไม่ถงึ ใหก้ ับผู้เล่น • PLayer Skill เกมจะต้องเอื้อใหเ้ กดิ การสง่ เสรมิ ใหผ้ ู้เลน่ ไดพ้ ัฒนาทักษะและความชำ�นาญ 1) ควรทำ�ให้ผู้เลน่ สามารถเริ่มเล่นเกมโดยไม่ตอ้ งการคู่มอื โดยใช้ระบบบทเรยี น (Tutorial) แตต่ ้อง ท�ำ ใหผ้ ู้เลน่ รสู้ กึ เหมือนเลน่ เกมจริงๆอยู่ 2) การเรยี นร้ใู นการเล่นเกมไม่ควรน่าเบือ่ ควรสอดแทรกเขา้ ไประหวา่ งการเล่นเกม ไมค่ วรใหผ้ ูเ้ ลน่ อา่ นอะไรทย่ี าวเกินไป ควรท�ำ ประโยคที่เปน็ ตัวหนังสือใหเ้ ปน็ กราฟกิ ทีเ่ ขา้ ใจงา่ ย 3) เกมควรมีโหมดชว่ ยเหลือ (Help) ในขณะท่เี ลน่ ซงึ่ ผู้เลน่ ไม่จ�ำ เป็นตอ้ งออกจากเกม 4) เกมควรจะเพ่มิ ทักษะของผู้เล่นเมือ่ ถึงเวลาทเี่ หมาะสมตลอดทงั้ เกม 5) เกมควรทำ�ให้ผู้เล่นไดร้ ับรางวลั ท่ีเหมาะสมกับสิ่งท่ที �ำ และทกั ษะทพี่ ฒั นาขึ้น เช่น การไดร้ บั โบนสั หรือได้รบั ไอเทมท่พี ิเศษกวา่ อนั อ่ืนๆเป็นตน้ 17

รปู ที่ 2.5 เกม Battle cats เปน็ เกมแนว Tower Defence ท่เี ขา้ ใจงา่ ย ผเู้ ลน่ สามารถเกบ็ คะแนนเพือ่ นำ�ไปอัพเกรด หรือซื้อตัวละคร และไอเทมตา่ งๆ ซึง่ เราสามารถซ้ือคะแนนดว้ ยเงนิ จริงไดอ้ กี ดว้ ย 18

• Control ควรท�ำ ให้ผู้เล่นสามารถควบคุมสิ่งตา่ งๆในเกมได้เปน็ อยา่ งดี 1) ควรท�ำ ให้ผู้เล่นสามารถควบคมุ ตวั ละครหรือยูนติ ไดเ้ ปน็ อยา่ งดี ไมต่ ดิ ขัด 2) ควรทำ�ใหผ้ ้เู ลน่ สามารถควบคุม InterActive Task และInterActive Device ได้อยา่ งสะดวก 3) ควรทำ�ให้ผเู้ ล่นสามารถควบคุมการเริม่ เกม การหยดุ เกม และการเซฟเกมไดอ้ ยา่ งสะดวก 4) เมื่อมคี วามผิดพลาดรา้ ยแรงในเกม ควรท�ำ ใหผ้ ูเ้ ลน่ ไดร้ ับการช่วยเหลือเพือ่ แก้ไขขอ้ ผิดพลาด 5) เกมควรทำ�ให้ผ้เู ล่นควบคมุ การกระท�ำ ของตวั เองและแผนการท่ีใช้ ซงึ่ เปน็ อสิ ระในการเล่นเกมใน แบบทีผ่ ู้เลน่ ต้องการ • Clear Goals ควรให้เกมมีการเคลียรจ์ ุดม่งุ หมายตา่ งๆท่ตี ้ังไว้ในเวลาทีเ่ หมาะสม • Feedback ควรให้ผู้เล่นได้รับ “ผลทีไ่ ดร้ ับจากการกระท�ำ ” ท่เี หมาะสมในเวลาทเี่ หมาะสม 1) ควรให้ผู้เลน่ ได้รบั ผลท่ีได้รับจากการกระท�ำ ทมี่ คี ่าในเกมสูงขึ้นเมอ่ื เล่นเข้าใกลจ้ ุดหมายไปเรอ่ื ยๆ 2) ควรใหผ้ ู้เลน่ ไดร้ บั ผลทีไ่ ดร้ บั จากการกระท�ำ ทนั ที เม่ือกระท�ำ ส่ิงใดๆ ในเกมทดี่ ี และควรแสดงให้ ผ้เู ล่นเห็นไดอ้ ย่างชัดเจน เพอ่ื ใหผ้ ู้เล่นสะดวกในการรับรูแ้ ละเขา้ ใจในทนั ที 3) ควรให้ผเู้ ลน่ รู้สถานะคา่ คะแนนของตัวเองเสมอ • Social InterAction ควรทำ�ให้เกมรองรับและสร้างโอกาสใหม้ ีการเขา้ สังคม โดยเนน้ ความสนกุ สนานเป็นหมคู่ ณะ 1) ควรท�ำ ให้เกมรองรบั การต่อสู้และการช่วยกันระหว่างผ้เู ลน่ 2) ควรทำ�ให้เกมช่วยใหเ้ กิดสังคมระหวา่ งผู้เล่น เช่น การแชท (Chat) 3) ควรทำ�ให้เกมช่วยใหเ้ กิดสงั คมทัง้ ในและนอกเกม สิ่งท่ที ำ�ให้เกดิ สังคมภายนอกเกม เช่น การพดู คุยกันภายนอกผา่ น Forum หรอื Webboard ถึงเรือ่ งการพิชติ เกม เรอื่ งของเทคนคิ การเล่น ฯลฯ • Storytelling คือส่วนของเนอ้ื เรอ่ื งหรอื เนอ้ื หาภายในเกม การสอดแทรกเร่อื งราวลงไปในเกมสามารถสรา้ งความ สนุกสนานและความบันเทิงใหก้ ับผู้เล่นไดเ้ ปน็ อย่างดี รูปที่ 2.5 ภาพวาดจากตวั ละครในเกมกอล์ฟออนไลน์ Pangya ทีว่ าดโดยผเู้ ลน่ เปน็ กิจกรรมทางสังคม ภายนอกเกมในอกี รปู แบบหน่งึ ทช่ี ่วยให้ทั้งนกั วาด และผ้ทู ่ีช่นื ชอบเกมได้มาพดู คยุ กนั ทีม่ าของภาพ : tifa-redeye.deviantart.com



บทที่ 3 เครอ่ื งมอื ทใี่ ชใ้ นการพัฒนา ซอฟต์แวรเ์ กม

บทท่ี 3 เครอ่ื งมอื ท่ใี ชใ้ นการพัฒนาซอฟต์แวร์เกม 3.1 โปรแกรม Construct 2 Construct 2 คอื Engine สำ�หรบั สร้างเกม 2 มติ ิ ดว้ ยภาษา HTML5 โดยลดข้นั ตอนการเขยี น Code ให้นอ้ ยท่สี ุด ซึง่ เกมทใ่ี ชภ้ าษา HTML5 จะสามารถ Run บนอปุ กรณ์ไดห้ ลายประเภท ไมว่ า่ จะเปน็ PC แท็บเลต็ หรอื Smart Phone ซง่ึ นนั่ ทำ�ใหเ้ กมทีส่ รา้ งดว้ ย Construct 2 มีช่องทางการเผยแพรห่ รอื จดั จ�ำ หน่ายได้หลายชอ่ งทาง รปู ท่ี 3.1 เราสามารถใช้ Construct 2 สร้างเกมได้หลายแพลตฟอรม์ รูปที่ 3.2 หน้าตาของ Construct 2 22

3.2 คุณสมบัติเดน่ ของ Construct 2 • Quick & Easy การสร้างเกมดว้ ย Construct 2 สามารถทำ�ได้ง่ายๆ ไมก่ ขี่ ั้นตอน เพียงแค่คลกิ ลากและวางวัตถลุ ง หน้าจอ เพ่มิ Behavior ใหว้ ัตถุ และท�ำ ใหพ้ วกมันมีชวี ติ ดว้ ย Event ท้งั น้ี เราสามารถ preview เพือ่ ทดลองผลงานได้เทา่ ทเ่ี ราตอ้ งการ • Powerful Event System ระบบการเขียน Event ของเกมถูกออกมาใหด้ งู า่ ย และใช้ภาษาทใี่ กลเ้ คียงภาษามนษุ ย์ เพียงแค่ ผู้พฒั นาเข้าใจระบบตรรกะพนื้ ฐาน ก็สามารถสรา้ งเกมงา่ ยๆ ได้แลว้ โดย Construct 2 จะบังคบั ใหเ้ ราเขยี น โปรแกรมโดยใช้ Event เทา่ นนั้ ทำ�ให้ผ้พู ัฒนาไมจ่ �ำ เปน็ ต้องสนใจ Code เกมเลย • Flexible Behaviors Construct 2 จะเตรยี มสง่ิ ท่เี รียกว่า Behaviors (พฤตกิ รรม) หลากหลายรูปแบบ เชน่ กระพรบิ ได้ เป็นวตั ถทุ รงตนั ขยบั ได้ 8 ทศิ ทาง ฯลฯ สำ�หรับเพ่มิ ใหก้ บั วัตถุในเกมของเรา ท�ำ ให้ลดข้นั ตอนการท�ำ งานลง ได้มาก • Instant Preview ระบบ Preview ใน Construct 2 สามารถทำ�ได้ตลอดเวลา นอกจากน้ี license version ยงั มรี ะบบ Preview Over Wifi ทชี่ ่วยให้เราสามารถ preview เกมจาก PC ด้วยมือถอื หรอื Taplet ผา่ น wifi ไดท้ ันที • Stunning Visual Effects Construct 2 ไดเ้ ตรียม plug-in ท่เี ก่ียวกับ effect ไวม้ ากมายเช่นกนั รวมไปถึง Particle plug-in ท่ชี ว่ ยใหเ้ ราสรา้ ง effect สวยๆ ได้ (ศึกษาไดจ้ ากไฟล์ตวั อยา่ ง) • Multiplatform Export เพราะใช้ภาษา HTML5 เปน็ หลัก Construct 2 จึงสามารถสร้างเกมส�ำ หรบั Run บนอุปกรณห์ ลาย ประเภท โดยไม่ต้องแกไ้ ขไฟล์เกมมากนัก ซ่ึงการเผยแพรเ่ กมไปยัง iOS หรอื Android จะตอ้ งใชโ้ ปรแกรม อื่นๆ เข้ามาชว่ ย • Easy Extensibility แม้ว่าจะมี Construct 2 จะมี Plug-in มากมายใหเ้ ลอื กใช้อยู่แล้ว แตถ่ ้าเราตอ้ งการมากกวา่ นัน้ เรา สามารถเขียน Plug-in เพิ่มเอง หรอื แบ่งปนั กบั เพือ่ นๆ นักพัฒนาได้ การเขียน Plug-in จ�ำ เปน็ ต้องใช้ความรู้ ทางดา้ น Javascript หรือ GLSL 23

รูปที่ 3.3 ระบบ Behavior ของ Construct 2 24 รูปที่ 3.4 ระบบ Event ของ Construct 2

รปู ท่ี 3.5 ตัวอย่าง Plug-in ตา่ งๆ ท่ี Construct 2 เตรยี มไว้ให้ รปู ที่ 3.6 เกม Mortar Melon บน Windows 8 เปน็ เกมที่สร้างบน Construct 2 25 มียอดดาวนโ์ หลดมากกว่า 200,000 คร้งั

3.3 คณุ สมบัตขิ องเคร่อื งท่จี ะติดต้ัง Construct 2 1) คุณสมบตั ิ • Windows XP Service Pack 3 หรอื ร่นุ ใหมก่ ว่านี้ • 512 MB RAM • 1 GHz Processor • เว็บบราวเซอร์ทรี่ องรบั HTML5 • อัพเดท Driver การ์ดจอเปน็ ร่นุ ลา่ สุด 2) คณุ สมบตั ขิ องเคร่อื งทจ่ี ะตดิ ต้งั ทผ่ี ู้พัฒนาแนะน�ำ • Windows 7 หรอื รุ่นใหมก่ วา่ น้ี • 2 GB RAM • 2 GHz Dual-core Processor • การด์ จอ nVidia หรือ AMD พรอ้ มอพั เดท Driver เปน็ ร่นุ ลา่ สุด 3) บราวเซอรท์ รี่ องรับ HTML5 บราวเซอรร์ นุ่ ใหมล่ า่ สดุ ของทุกค่าย สามารถรองรับเทคโนโลยี HTML5 ได้ ซง่ึ เราจะใชบ้ ราวเซอร์ สำ�หรบั Run เกมที่เรากำ�ลงั สรา้ ง โดยบราวเซอรท์ ่ีผพู้ ฒั นาแนะนำ�กค็ ือ Google Chrome หรือไมก่ ็ Mozilla Firefox 3.4 การดาวนโ์ หลด Construct 2 เราสามารถดาวนโ์ หลดตัวติดต้งั Construct 2 ได้จาก URL น้ี • http://www.scirra.com/store/construct-2 เม่ือเราตาม link เข้าไปทหี่ น้าดงั กล่าว จะพบหนา้ Construct 2 Licenses ซง่ึ จะมี Construct 2 สามแบบใหเ้ ลือก ใหเ้ ราเลอื กดาวนโ์ หลดแบบ Free version (รูปท่ี 3.8) จากนั้นบราวเซอรก์ ็จะพาเราเขา้ ไปยังหนา้ ดาวนโ์ หลด ซ่งึ จะแสดง link ดาวน์โหลด Construct 2 รุน่ ล่าสุดท่มี คี วามเสถียรแล้ว (รูปที่ 3.7) 26 รปู ท่ี 3.7 หน้าดาวนโ์ หลด Construct 2 ตวั เลขรุน่ ไมจ่ ำ�เป็นตอ้ งตรงกบั ภาพ

รปู ที่ 3.8 Construct 2 Licenses Construct 2 Free Edition เหมาะสำ�หรับผู้เร่มิ ตน้ หรอื ใช้ในการเรียนการสอนในโรงเรยี น หรอื มหาลยั เป็น Version ฟรี ซง่ึ มี ข้อจ�ำ กดั ในด้านคณุ สมบตั ดิ งั นี้ • จ�ำ กดั จำ�นวน Event สูงสุดท่ี 100 Event ตอ่ หนงึ่ Project • จำ�กัดจำ�นวน Layer สูงสดุ ที่ 4 Layer ตอ่ หนึ่ง Layout • จ�ำ กดั จำ�นวน Effect สูงสดุ ท่ี 2 Effect ตอ่ หน่งึ Project • ไมส่ ามารถจัดการโฟลเดอรใ์ นหน้าตา่ ง ได้ • ไม่มีระบบคน้ หา Event • ไม่มีหน้าตา่ ง Configuration • ไม่มรี ะบบจดั กล่มุ วัตถุ (Families) • ไม่สามารถ Preview เกมผ่านเครือขา่ ย LAN ได้ • ไมอ่ นุญาตใหใ้ ช้เพ่อื การคา้ ยกเวน้ ใชใ้ นการสง่ เสรมิ การศกึ ษา หรอื ในองค์กรท่ไี ม่แสวงผลกำ�ไร ซง่ึ แมว้ ่าจะมีการจ�ำ กัดคณุ สมบัตไิ วบ้ า้ ง แตเ่ ราก็ยังสามารถใช้ Construct 2 ฝกึ สรา้ งเกมเลก็ ๆ ได้ และถ้าหากเราต้องการสร้างเกมที่มคี วามซับซอ้ นมากขึ้น เราก็สามารถซื้อ License จากเวบ็ ผพู้ ฒั นาได้ โดยตรง โดย License จะแบ่งเปน็ สองประเภท ได้แก่ The Personal License 119$ สำ�หรบั นักพัฒนารายยอ่ ย The Business License 399$ ส�ำ หรบั นกั พัฒนารายใหญ่ แต่ถา้ นกั พฒั นารายย่อยสามารถหาเงนิ จากเกมที่สร้างด้วย Construct 2 มากกวา่ 5,000$ เขา จ�ำ เปน็ จะตอ้ งอัพเกรด License เปน็ Business License 27

3.5 การติดตั้ง Construct 2 1) หลังจากการดาวน์โหลดเสรจ็ แล้ว ให้ Run ตัวตดิ ตัง้ เพ่อื เขา้ สู่ข้ันตอนการตดิ ต้งั (เลข Version อาจไม่ตรงกบั ภาพ ไม่จำ�เปน็ ตอ้ งใสใ่ จ) รูปท่ี 3.9 ตัวตดิ ต้งั Construct 2 2) จะปรากฏหน้าต่าง Welcome ใหค้ ลกิ Next รปู ที่ 3.10 หนา้ ตา่ ง Welcome 3) ท่ีหนา้ ตา่ ง License Agreement ให้เลอื ก I accept the agreement และคลกิ Next 28 รูปท่ี 3.11 หน้าตา่ ง License Agreement

4) หนา้ ตา่ ง Select Destination Location เราสามารถเลอื กสถานทต่ี ดิ ตง้ั Construct 2 ได้ แต่ เพื่อความสะดวกเราจะใชค้ า่ เดิม ให้เราคลิก Next รปู ท่ี 3.12 หน้าต่าง Select Destination Location 5) หนา้ ต่าง Select install type ให้เลือก Aauto-detect เพ่ือปลอ่ ยให้ตวั ติดต้งั ชว่ ยตรวจสอบให้ ว่าคอมพิวเตอรข์ องเราเหมาะทจ่ี ะติดตง้ั version 32-bit หรอื 64-bit จากน้ันใหค้ ลกิ Next รปู ที่ 3.13 หน้าตา่ ง Select install type 29

6) ทห่ี นา้ ตา่ ง Select Additional Tasks ให้ทำ�เครือ่ งหมายถกู ทีช่ อ่ ง Create a desktop icon เพอ่ื ให้ตัวตดิ ตง้ั สรา้ งไอคอนโปรแกรม Construct 2 ทีห่ น้าเดสก์ท็อป จากนั้นใหค้ ลกิ Next รปู ที่ 3.14 หนา้ ตา่ ง Select Additional Tasks 7) ทหี่ นา้ ต่าง Ready to Install ใหค้ ลิก Next รปู ท่ี 3.15 หนา้ ตา่ ง Ready to Install 8) หากตวั ติดตงั้ ตรวจพบว่าเราเคยตดิ ต้ัง Construct 2 ลงบนเครื่องแล้ว ตัวตดิ ตง้ั จะขอใหเ้ รายืนยนั การลบ Construct 2 ตวั เก่าออกกอ่ น ให้เราคลกิ Yes เพอื่ ใหต้ ัวตดิ ตง้ั จะทำ�การลบ Construct 2 ตวั เก่า ออก และตดิ ตัง้ ตวั ใหม่เข้าไปแทนโดยอตั โนมัติ รปู ท่ี 3.16 หน้าต่างยนื ยันการลบ Construct 2 ตวั เดิมออก 30

9) ทห่ี น้าตา่ ง Completing ใหท้ ำ�เครือ่ งหมายถกู ทช่ี อ่ ง Check for graphic driver update เพ่อื เช็ค Driver การ์ดจอของเครื่องเรา จากนั้นให้คลิก Finish รูปท่ี 3.17 หนา้ ตา่ ง Completing 10) ทีห่ น้าต่าง Graphics driver updater ให้คลิก Next รปู ที่ 3.18 หนา้ ตา่ ง Graphics driver updater 31

11) โปรแกรมจะท�ำ การตรวจสอบ Driver การด์ จอของเคร่ืองท่ีติดต้ัง และอาจมีการขอรอ้ งให้ เราอัพเดท Driver ดงั กลา่ ว หากทุกอย่างเป็นไปอยา่ งราบรน่ื เราก็จะคลกิ Finish เพอื่ เสรจ็ สนิ้ การติดตงั้ โปรแกรม Construct 2 รูปที่ 3.19 หน้าต่าง Graphics driver updater ท�ำ งานเสร็จส้ิน 3.6 ส่วนประกอบและหน้าตาของ Construct 2 1) The Start Page เมื่อเปิด Construct 2 ข้นึ มา เราจะพบหนา้ Start Page หน้า Start Page จะแสดงเมนูต่างๆ ดงั นี้ • New Project สรา้ ง Project ใหม่ • Open Project เปดิ Project เดมิ • Project Examples ตัวอยา่ ง Project ซ่ึง Construct 2 จะมไี ฟลต์ ัวอย่าง Project มากมายให้ เราได้ศึกษา • Recent Project แสดง Project ที่เพ่ิงถกู เปดิ ลา่ สดุ • Useful Link เปน็ Link เชอ่ื มโยงไปยงั หน้าเว็บไซตภ์ ายนอก ไดแ้ ก่ Manual (ค่มู อื ) Tutorials (บทเรยี น) Forum (กระดานถามตอบกับผ้ใู ช้งานท่านอน่ื ) Store (รา้ นคา้ ของ Construct 2 ขายทรัพยากร ที่ใชใ้ นเกม เชน่ ภาพ เสยี ง) หมายเหตุ - ไฟลง์ านทอ่ี ยู่ในข้นั ตอนการพัฒนาน้ี จะเรยี กว่า Project เกม เปน็ ไฟลน์ ามสกุล .capx ซง่ึ ต้องใช้ Construct 2 ในการเปิดไฟล์ประเภทนเี้ ทา่ นั้น 32

รูปที่ 3.20 หนา้ ตาไอคอนของ Construct 2 รูปท่ี 3.21 หนา้ Start Page ของ Construct 2 33

2) The Construct 2 Interface เม่อื เราทดลองเปดิ Project ใหม่ ( Project เปล่า) เราจะพบหน้าตาพื้นท่ีทำ�งานของ Construct 2 ดังภาพน้ี (อ้างอิงตัวเลขจากรูปท่ี 3.22) 1: File Menu and Ribbon Tabs ปุ่มเมนู และไอคอนลดั ตา่ งๆ เก่ยี วกบั การจดั การไฟล์ 2: The Layout View พื้นทีท่ �ำ งานหลัก ทั้งการจัดการภาพ วตั ถใุ นเกม หน้าตาของเกม รวมไปถึง การจัดการ Event 3: View Tabs แสดงชอ่ื ของพื้นที่ท่เี ราทำ�งานอยู่ และพน้ื ท่ีท�ำ งานอืน่ ๆ 4: The Properties Bar แสดงขอ้ มลู ตา่ งๆ ของส่ิงที่เราคลิกไว้ บางข้อมลู เราสามารถเขา้ ไปแก้ไข ผ่านชอ่ งทางนี้ได้ 5: Project Bar and Layers Bar แถบ Project แสดงภาพรวมท้งั หมดของ Project ท่กี �ำ ลังเปดิ อยู่ ส่วนแถบ Layer จะแสดงเลเยอรต์ ่างๆ (เหมือนเลเยอรข์ อง Photoshop) ของ Layout ทเ่ี ราทำ�งานอยู่ 6: Project Bar/Layers Bar Tabs ใช้สลับระหวา่ ง Project Bar และ Layers Bar 7: Object Bar แสดงรายการวตั ถุใน Layout ทีเ่ รากำ�ลงั ทำ�งานอยู่ 8: Status Bar แถบแสดงสถานะตา่ งๆ เชน่ สง่ิ ท่ี Construct 2 กำ�ลงั ทำ�, จำ�นวน Event ทั้งหมด, Layer ท่เี ราก�ำ ลงั ทำ�งานอยู่, ต�ำ แหน่งของเมาส์เมอ่ื เทยี บกบั Layout, สถานะการซมู ปัจจบุ นั 9: Top-right Buttons ปุ่มย่อ-ขยาย หน้าต่าง และปมุ่ ปดิ โปรแกรม รูปที่ 3.22 Construct 2 Interface 34

รปู ท่ี 3.23 File Menu and Ribbon Tabs รปู ท่ี 3.24 View Tabs รูปที่ 3.25 Project Bar and Layers Bar รูปที่ 3.26 Top-right Buttons 35



บทท่ี 4 Layout และ Layer

บทท่ี 4 Layout และ Layer 4.1 Layout ส�ำ หรับ Construct 2 คำ�วา่ เลเอาท์ (Layout) จะหมายถึงฉากฉากหนึ่งของเกม อาจจะเป็นฉากเมนู ตอนเรมิ่ เกม ฉากเกมเพลย์ ฉากแสดงผลตอนเกมจบ ซึง่ อาจจะมกี ารเชอ่ื มโยงหากันดว้ ยวธิ ีต่างๆ ข้นึ อย่กู ับ การออกแบบของผสู้ ร้าง โดยใน Construct 2 เราสามารถสรา้ งเลเอาท์ได้ไม่จำ�กดั Main Menu Layout คลิกปมุ่ Play Gameplay Layout คลกิ ปุ่ม Play เกมจบ Game Over Layout 38 รูปท่ี 4.1 หลักการทำ�งานของเลเอาท์

4.2 Layer แตล่ ะเลเอาทจ์ ะมพี น้ื ที่ท�ำ งานของตน โดยภาพท่ีปรากฏบนพื้นทที่ ำ�งานจะปรากฏตรงกับภาพท่ี ปรากฏในเกม ซงึ่ ในเลเอาท์หน่ึงๆ จะมเี ลเยอร์ (Layer) เปรียบเสมอื นแผน่ ใสของภาพต่างๆ วางซอ้ นกันอยู่ การกำ�หนดเลเยอร์จะชว่ ยในการควบคมุ การแสดงผลของเกมได้ อน่งึ สำ�หรับ Construct 2 Version ฟรี จะจำ�กดั จ�ำ นวนเลเยอร์ไว้ที่ 4 เลเยอร์ตอ่ 1 เลเอาท์ Gameplay Layout Layer 4 Layer 3 Layer 2 Layer 1 รปู ท่ี 4.2 หลักการทำ�งานของเลเยอร์ 39

4.3 เริ่มตน้ สร้างเกม Alians Attack ด้วย Construct 2 1) เปิด Construct 2 ท่ีหนา้ Start Page เลอื ก New Project หรอื เลอื ก New จากแถบเมนูด้าน ซ้ายบน รูปท่ี 4.3 ค�ำ สง่ั New Project บนหน้า Start page 2) ที่หนา้ ต่าง Select templete or Example เลอื ก New empty project เพ่ือเริม่ ตน้ สรา้ ง project เปล่าขน้ึ มา รูปท่ี 4.4 หนา้ ต่าง Select templete or Example 40

รปู ที่ 4.5 พน้ื ท่ที �ำ งาน 3) Project เปลา่ จะถูกสร้างข้นึ มา บนพ้ืนทีท่ �ำ งานจะมีแทบ็ Layout 1 และ Event Sheet 1 ซึ่ง เป็นไฟลเ์ ปล่าที่ Construct 2 เตรยี มไว้ให้ สิง่ ท่ีควรรู้เกีย่ วกับการท�ำ งานบนเลเอาท์กค็ ือ • กด Spacebar บนคีย์บอรด์ ค้างไว้ แล้วคลิกเมาส์ซา้ ยเพ่อื เลื่อนดสู ว่ นอน่ื ๆ ของเลเอาท์ • กด Ctrl บนคีย์บอรด์ คา้ งไว้ แลว้ หมนุ ลกู กลงิ้ ของเมาสเ์ พือ่ ซูมเขา้ ออก ส�ำ หรับเกม Alians Attack จะมเี ลเอาท์ท้งั หมด 3 เลเอาทไ์ ด้แก่ Main Menu Layout, Gameplay Layout และ Game Over Layout Main Menu Layout Gameplay Layout Game Over Layout 41 รปู ท่ี 4.6 เลเอาท์ตา่ งๆ ของเกม Alians Attack

4.4 สร้าง Layout ใหเ้ กม Alians Attack 1) ที่หน้าต่าง Projects ทางดา้ นขวา คลิกขวาที่ Layout 1 เลือก Rename แล้วเปล่ียนช่ือเป็น Main Menu Layout รูปท่ี 4.7 การเปลย่ี นชื่อเลเอาท์ อาจกดป่มุ F2 ก็ได้ 2) ที่หน้าต่าง Projects ทางด้านขวา ทำ�การเพ่ิมเลเอาท์โดยการคลิกขวาท่ไี อคอนโฟลเดอร์ Lay- outs เลอื ก Add Layout รปู ท่ี 4.8 การเพิม่ เลเอาท์ 42

3) ท่ีหนา้ ตา่ ง Add Layout จะปรากฏขน้ึ มาถามว่าต้องการจะเพม่ิ Event Sheet สำ�หรับเลเอาท์ ใหม่น้ดี ว้ ยหรอื ไม่ ให้เลอื ก Don’t add Event Sheet เพอ่ื ตอบว่าไม่ รูปที่ 4.9 หน้าตา่ ง Add Layout 4) เลเอาทใ์ หมจ่ ะถกู สร้างขนึ้ มาในชือ่ Layout 1 ใหเ้ ราท�ำ การเปล่ียนช่อื เปน็ Gameplay Layout ด้วยวิธเี ดยี วกันกับในข้นั ตอนท่ี 1 รูปที่ 4.10 เพิม่ เลเอาท์ Gameplay Layout 5) เมื่อเตรียมเลเยอร์ Gameplay Layout เสร็จแล้ว ให้เราเพมิ่ เลเอาท์ขึ้นมาอกี 1 เลเอาท์ และ คราวนี้ให้เปลี่ยนช่ือเปน็ Game Over Layout เปน็ การเสร็จส้นิ ขน้ั ตอนการเตรียมเลเอาทท์ ้งั หมดของเกม Alians Attack รูปที่ 4.11 ผลลัพธ์การเพมิ่ เลเอาทใ์ ห้กบั เกม Alians Attack 43

4.5 เริ่มจัดการเลเอาท์ Main Menu หลงั จากนเ้ี ราจะเรมิ่ น�ำ ภาพท่เี ตรียมไว้ ไปวางบนเลเอาท์ Main Menu โดยภาพทเี่ ราน�ำ มาวางแลว้ จะเรียกว่า Game Object ที่ใชป้ ล๊ักอินชื่อ Sprite ซง่ึ การท่ี Construct 2 ท�ำ ให้ภาพกลายเป็น Object เกม แตแ่ รกน้ี ทำ�ให้เกดิ ความสะดวกในการเพ่ิมตวั แปรตา่ งๆ ให้กบั ภาพดังกลา่ วไดท้ นั ที รายละเอียดของ Object เกมเหล่านีจ้ ะทยอยเลา่ ไปตามขน้ั ตอนในอกี หลายบทเรียนถดั ไป 1) กลบั ไปท�ำ งานที่เลเอาท์ Main Menu โดยการคลกิ ทีแ่ ท็บท่ชี อ่ื Main Menu Layout รปู ที่ 4.12 แทบ็ แสดงเลเอาทห์ รือ Event Sheet ทีเ่ ราก�ำ ลงั ทำ�งาน 2) ทางด้านขวาคลิกทแ่ี ทบ็ Layer จะเหน็ วา่ มเี ลเยอรช์ ือ่ Layer 0 ถกู สร้างรอเรากอ่ นแล้ว รปู ท่ี 4.13 แท็บ Layers แสดงเลเยอร์ท้ังหมดของเลเอาทท์ ่กี ำ�ลังท�ำ งาน 3) สรา้ งเลเยอร์ขึ้นมาอกี สามเลเยอร์ โดยการคลิกไอคอนรปู เครอ่ื งหมายบวก 3 ครงั้ แล้วเปลย่ี นชื่อ เลเยอร์ท้งั 4 ให้เปน็ HUD, Main above, Main behind และ BG ตามลำ�ดับ โดยการเปลี่ยนช่อื จะใชว้ ิธคี ลกิ ขวาแล้วเลือก Rename หรือกดปุม่ F2 บนคียบ์ อร์ด หรอื ไมก่ ใ็ ชว้ ธิ ีคลิกท่ไี อคอนรปู ดินสอก็ได้ 44 รปู ท่ี 4.14 เพ่ิมเลเยอร์ HUD, Main above, Main behind และ BG

4) ส่งิ ที่ตอ้ งระวงั ทุกครง้ั ก่อนการนำ�ภาพเข้ามาใสใ่ นเลเอาทก์ ็คอื เราตอ้ งเชค็ ดกู ่อนทุกครง้ั ว่าเลเยอร์ ทีเ่ ราต้องการนำ�รูปภาพไปใสน่ ้ันตรงกบั เลเยอรท์ ีก่ ำ�ลัง Active อยหู่ รอื เปล่า ซ่งึ การ Active Layer ท�ำ ได้ โดยการคลกิ ที่เลเยอร์น้นั ๆ จากหนา้ ตา่ งเลเยอร์ ในทน่ี ้ใี ห้เราลองคลิกท่ีเลเยอร์ BG จะเห็นไดว้ ่าแถบสถานะ ด้านล่างจะแสดงผลวา่ Active Layer: BG แตถ่ งึ อย่างไรก็ตาม เราสามารถทจ่ี ะย้ายเลเยอร์ของรปู ภาพได้ใน ภายหลงั รปู ท่ี 4.15 คลกิ เพ่อื ท�ำ งานท่เี ลเยอร์ BG 5) ลากภาพ Cover.png จากหนา้ ตา่ งวนิ โดวส์ (Explorer) เขา้ สู่พน้ื ที่ทำ�งาน รูปที่ 4.16 เพ่มิ Object เกมโดยการลากภาพจากหนา้ ต่างวนิ โดวส์ (Explorer) เข้าสพู่ ื้นทท่ี ำ�งาน 6) ทดลองรนั เลเอาท์โดยการคลิกท่ีไอคอนด้านซา้ ยบน แลว้ สงั เกตผลลพั ธ์ทเ่ี กดิ ขึน้ รูปที่ 4.17 ปุ่ม Run Layout 45

7) เม่ือสังเกตผลลพั ธก์ ารรันเลเอาท์เทยี บกับภาพที่ปรากฎบนพนื้ ท่ที ำ�งานจะเหน็ ได้วา่ ภาพทีเ่ กิดขึ้น บนบราวเซอร์กค็ อื ภาพที่อยู่ภายในบรเิ วณเสน้ ประของเลเอาทน์ ่ันเอง รปู ที่ 4.18 ภาพบนพื้นท่ีทำ�งาน รูปท่ี 4.19 ภาพท่ปี รากฏตอนรันเลเอาท์ 46