e book game
DESCRIPTION
แชร์ไฟล์ pdf เป็น powerpointTRANSCRIPT
การพฒนาสออเลกทรอนกส
I n t e r a c t i v e M e d i a
Educational Game &
กลมผลตสอและประยกต ใชเทคโนโลย สำนกเทคโนโลยเพอการเรยนการสอน
สำนกงานคณะกรรมการการศกษาขนพนฐาน
และ
แบบมลตมเดยปฏสมพนธ
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธ
I n t e r a c t i v e M e d i a
Educational Game &
กลมผลตสอและประยกต ใชเทคโนโลย สำนกเทคโนโลยเพอการเรยนการสอน
สำนกงานคณะกรรมการการศกษาขนพนฐาน
และ
การพฒนาสออเลกทรอนกสแบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media & Educational Game
พมพครงท 1 พ.ศ.2554
จำนวนพมพ 1,000เลม
ISBN 978-616-202-398-9
ผจดพมพ กลมผลตสอและประยกตใชเทคโนโลย
สำนกเทคโนโลยเพอการเรยนการสอน
สำนกงานคณะกรรมการการศกษาขนพนฐาน
กระทรวงศกษาธการ
อาคารสพฐ.3ถนนราชดำเนนนอกเขตดสตกรงเทพฯ10300
โทรศพท022885717-20โทรสาร022880838
เวบไซตhttp://www.techno.bopp.go.th
http://www.obec.go.th
พมพท หางหนสวนจำกดโรงพมพอกษรไทย(น.ส.พ.ฟาเมองไทย)
เลขท85,87,89,91ซอยจรญสนทวงศ40ถนนจรญสนทวงศ
แขวงบางยขนเขตบางพลดกรงเทพมหานคร10700
โทร.0-2424-4557,0-2424-0694แฟกซ0-2433-2858
E-mail:[email protected]
นายณฐปวณววฒนผพมพผโฆษณา
ดวยสำนกเทคโนโลยเพอการเรยนการสอน สำนกงานคณะกรรมการการศกษาขนพนฐาน ไดดำเนน
โครงการพฒนาสออเลกทรอนกสแบบมลตมเดยปฏสมพนธ และเกมการศกษา เพอพฒนาศกยภาพครและ
บคลากรทางการศกษาทงในสวนกลางและสวนภมภาคทสงกดสำนกงานคณะกรรมการการศกษาขนพนฐาน
ใหมความรและทกษะในการผลตสออเลกทรอนกสใหมรปแบบทหลากหลาย นาสนใจ สอดคลองตามหลกสตร
แกนกลางการศกษาขนพนฐาน พทธศกราช 2551 โดยใหครผสอนสามารถนำสออเลกทรอนกสและเทคโนโลย
สารสนเทศไปใชในการถายทอดองคความรตางๆแกผเรยนในการเรยนการสอนอยางมประสทธภาพ
หนงสอเลมนกลาวถงขอมลเกยวกบเกมการศกษาประกอบดวย ประเภทของเกม การออกแบบเกม
เบองตนตวอยางการพฒนาเกมอปกรณคอมพวเตอรและเครองมอสำหรบการสรางและเลนเกมนอกจากนยง
แนะนำการใชโปรแกรมตาง ๆ ขนตอนการสรางแบบทดสอบแบบสม การบนทกเสยงดวยโปรแกรม และ
การสรางเพลงดวยโปรแกรม เพอเปนการเตรยมความพรอมสำหรบครผสอนในการใชสออเลกทรอนกสทพฒนาขน
ใหคมคาเกดประโยชนสงสดกบการจดการเรยนรและการพฒนาคณภาพการศกษาอยางกวางขวางตอไป
สำนกงานคณะกรรมการการศกษาขนพนฐาน ขอขอบคณคณะครผสอน ศกษานเทศก และผม
สวนเกยวของทไดรวมกนจดทำหนงสอเลมน สงผลใหการดำเนนงานบรรลผลสำเรจตามวตถประสงคดวยด
หวงเปนอยางยงวาหนงสอเลมนจะเปนประโยชนในการพฒนาดำเนนงานในโอกาสตอไป
เลขาธการคณะกรรมการการศกษาขนพนฐาน
คำนำ
หนา คำนำ หนวยท 1 ความรเกยวกบสออเลกทรอนกสแบบมลตมเดยปฏสมพนธ และเกมการศกษา (Interactive Media & Educational Game) 1 หนวยท 2 ประเภทของเกม 15 หนวยท 3 การออกแบบเกมเบองตน (Basic Game Design Theory) 21 หนวยท 4 ตวอยางโครงการพฒนาเกม 37 หนวยท 5 อปกรณคอมพวเตอร และเครองมอสำหรบการสรางและเลนเกม 43 หนวยท 6 แนะนำการใชโปรแกรม SWiSH Max 49 หนวยท 7 ขนตอนการสรางแบบทดสอบแบบสม (Random) 67 หนวยท 8 การบนทกเสยงดวยคอมพวเตอร 79 หนวยท 9 การบนทกเสยงดวยโปรแกรม Nero Wave Editor 89 หนวยท 10 การบนทกเสยงดวยโปรแกรม Voice Changer 99 หนวยท 11 การสรางเพลงดวยโปรแกรม Songsmith 105 คณะผจดทำ 113
สารบญ
ปจจบนเทคโนโลยได เขามามบทบาทในชวตประจำวนหลาย ๆ ดาน โดยเฉพาะอยางยง
การประยกตใชในดานการศกษา ทำใหเกดแรงจงใจ และสงผลตอการเรยนรไดอยางมประสทธภาพ การเรยนร
ดวยนวตกรรมทางการศกษาทนำเอาศกยภาพของเทคโนโลยในรปแบบสออเลกทรอนกสโดยนำขอความเสยง
รปภาพ ภาพเคลอนไหว สามารถโตตอบในเชงปฏสมพนธ มการนำเสนอ มความเพลดเพลนเราความสนใจ
และมความทาทาย จะทำใหการเรยนรเปนเรองทสนกสนาน และไมนาเบอ
สออเลกทรอนกสทพฒนาตามหลกการออกแบบเกมการศกษา ทคำนงถงสนทรยภาพความเสมอนจรง
รวมถงการผสมผสานกบการสงเสรมดานจนตนาการ (ถนอมพร เลาหจรสแสง, 2543, 2545) จะชวยพฒนา
ศกยภาพของทกษะการเรยนรอยางหลากหลายและมชวตชวา
ความรเกยวกบสออเลกทรอนกส แบบมลตมเดยปฏสมพนธ และเกมการศกษา
(Interactive Media & Educational Game)
หนวยท 1
Game-based Learning : Eurasia พฒนาโดยมหาวทยาลยเชยงใหม แหลงทมา www.itsc.cmu.ac.th
�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
ความรเกยวกบเกมคอมพวเตอร เมอกลาวถงเกม หลายๆ คนคงจะคนเคยกบคำๆ น ไมมากกนอย ทงเกมทมขายตาม
หางสรรพสนคา รานเกม เกมในโทรศพท หรอเกมบนเครองคอมพวเตอร กลาวไดวาเกมเปนปจจยทเขามา
มบทบาทในชวตประจำวนอยางหลกเลยงไมไดโดยเฉพาะในกลมเยาวชน เกมคอมพวเตอรเมอป ค.ศ. 1972
เกมไดพฒนาอยในลกษณะของตเกมอาเขต (Arcade Game) ซงไดเขามามบทบาทในตลาดเกมในเวลาถดมาโดย
ยคแรกเทคโนโลยยงไมเจรญกาวหนา การผลตเกมเปนเรองยากลำบาก อกทงเมอผลตออกมาแลวกไมคอยไดรบ
ผลตอบแทนอยางทหวง สาเหตหลกคอกลมของผเลนเกมคอมพวเตอรในยคกอนแคบกวาปจจบนมาก เนองจากใน
ยคแรกนนไดสรางขนมาเพอฝกดานการทหาร ตอมากลมคนทมคอมพวเตอรไวใชงานมอยเพยงนอยนด
แตกตางกบปจจบนทคอมพวเตอร อปกรณ และโปรแกรมสำหรบเลนเกมมการพฒนาอยางมากมาย หลากหลาย
และสมบรณขน สามารถสนบสนนใหเลนเกมไดอยางสนกสนาน และมการพฒนาเกมออกมาอยางหลากหลาย
มเวบไซตตางๆ ทรวบรวมเกมไวอยางมากมาย ทำใหสามารถหาเกมเลนไดอยางกวางขวางไรขอบเขตจำกด
เชน www.facebook.com, www.hunsa.com, www.sanook.com, www.yenta4.com ซงในยคแรก
เกมคอมพวเตอรจะสรางออกมาในลกษณะกราฟกแบบ 2 มต (โดยเฉพาะเกมทสรางโดยเทคโนโลย Flash)
ภายหลงเมอมการพฒนาเครองเลนเกม Play Station ทสามารถแสดงผลดาน 3 มต ไดสวยงาม มความสมจรง
เปนของแปลกใหมนาสนใจ ทำใหเรมมการสรางเกมคอมพวเตอรในลกษณะกราฟกแบบ 3 มต ออกมาอยาง
มากมาย
ตเกมอาเขต (Daytona-USA -Main) เกมคอมพวเตอรในเวบไซต (Counter-Strike) ทบรการเกมใหเลนตามหางสรรพสนคา หรอรานเกม แหลงทมา www.loadfullversion.com
� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
ความหมายของเกมคอมพวเตอร เกมคอมพวเตอร เรยกสนๆ วา เกม (Game) หมายถง สออเลกทรอนกสรปแบบหนงทใหเราสามารถ
มสวนรวมในฐานะผเลน สามารถกำหนดการตดสนใจจดการสงตางๆ ใหมงไปยงจดประสงคของเกมนนๆ
โดยเนนการเลนอยางสนกสนาน เปนสงททำใหผเลน (User) ไดรบความสนกสนานเพลดเพลน ไมวาจะเปนเกม
ประเภททมกราฟกสวยงาม เสมอนจรง เชน เกมไพทแถมมาพรอมกบ Windows หรอเกมทมการสรางขนมา
เพอความสนกสนาน บนเทง เชน Super Mario Bros หากทำใหผเลนไดรบความสนกแลว กถอวาคอ
เกม นนเอง
เกมคอมพวเตอรลกษณะกราฟกแบบ 2 มต แหลงทมา www.hunsa.com
เกมคอมพวเตอรลกษณะกราฟกแบบ 3 มต แหลงทมา www.hunsa.com
�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
เกมงจบหน (Snake Pit) เกมทายคำศพท (Hang Man) แหลงทมา www.hunsa.com แหลงทมา www.hunsa.com
กาวแรกของการสรางเกม การกาวเพอเปนผพฒนาเกม สรางเกม เขยนเกม จะตองลงมอฝกเขยนเกมทนท โดยเรมทเขยนเกม
งายๆ กอน เกมแรกทเขยนไมจำเปนตองยงใหญ สนกสนาน ไมตองยาก ไมซบซอน ไมตองใชเวลามาก
ขอเพยงใหมลกษณะเปนเกมทพอจะเลนได ใครเหนใครกตอบไดวานคอเกม แตจะสนกหรอไมเปนอกเรองหนง
แคนกถอวาประสบความสำเรจแลวในกาวแรก เพอเปนบทเรยนหรอประสบการณในการเรมตน เพอการกาวตอไป
ในการเปนผพฒนาเกม ในกาวแรกควรเรมศกษาจากเกมของผอนกอน เพอเปนแรงบนดาลใจ การทจะลงมอ
เขยนเกมแรกขนดวยตนเองจากศนยเปนการกาวขามเรวไปและยากสำหรบผทเรมตน ดงนนควรทจะมขนตอน
การเรมตนกอน โดยเรมศกษาจากเกมทมผสราง และเขยนคำอธบาย พรอมขอแนะนำตางๆ ไวแลวและ
ควรเลอกศกษาจากเกมทไดรบความนยม เพอใหสามารถทำความเขาใจงายๆ เชน เกมตามลาจบผดภาพ
(Photo Hunter) เกมทายคำศพทภาษาองกฤษ (Hang Man) และเกมงจบหน (Snake Pit) เปนตน
เกมจบผดภาพ (Photo Hunter) แหลงทมา www.hunsa.com
� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
ความรทเกยวของกบการสรางเกมคอมพวเตอร เกมคอมพวเตอร นอกจากจะใหความสนกสนานเพลนแลว ยงเปนเรองททาทายยงขนไปอกถา
สามารถกำหนดรปแบบและสรางเกมเพอใหผอนเลน การสรางเกมไมใชของงาย แตกไมยากเกนความสามารถ
ทจะเรยนร โดยอาศยขนตอนงายๆ ความรหลากหลายแขนงดงตอไปน
1. ความรดานการเขยนโปรแกรมคอมพวเตอร
2. ความรทางดานศลปะ
3. ความรดานอนๆ
1. ความรดานการเขยนโปรแกรมคอมพวเตอร
เกมคอมพวเตอร ตองใชความรดานการเขยนโปรแกรมคอมพวเตอร โดยการเขยนโปรแกรม
ตองอาศย ลอจก (Logic) หรออลกอรธม (Algorithm) ของสงทเราจะสรางเปนอยางด มขนตอนเขยนโปรแกรม
ทตองใชความรทางคณตศาสตร และความรความเขาใจทางภาษาคอมพวเตอรมาแปลงลอจกตางๆ
ความรความสามารถดานกฎเกณฑขอบงคบทางภาษาคอมพวเตอร ลงเปนโคด (Code) ของโปรแกรม และตอง
แกไขจนกวาจะไดผลลพธตามทตองการ การเขยนโปรแกรม ตองกำหนดแนวคดหลกของเกมไวในขนตนกอน
การลงมอเขยนเกมซงเปนการคดสรางสรรคเกม มการใชจนตนาการ จงจะสามารถสรางเกมขนมาเองได
เกมผจญภยในเกาะราง Card Game เกมคอมพวเตอรประเภท Adventure Game เกมคอมพวเตอรประเภท Parlour Game
�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
2.ความรทางดานศลปะ
เกมทกเกมตองใชภาพและกราฟกเปนสวนประกอบทสำคญ โดยเฉพาะอยางยงเกมประเภท
Adventure Game ทตองใชกราฟกตางๆ มากมาย ตรงขามกบเกมประเภท Parlour Game ไดแก Card
Game, Board Game, Guessing Game ทใชกราฟกเทาทจำเปน โดยจะเนนทการออกแบบทมวตถประสงค
แตกตางกนออกไป เปนตน การสรางงานกราฟกมโปรแกรมหลายชนดใหเราเลอกใช เชน Photoshop,
Illustrator, CorelDRAW, FreeHand ฯลฯ หรอ อาจหาไดจาก Clip Art ตางๆ นอกจากนยงมไลบรารกราฟก
สำเรจรปตางๆ ใหเลอกใช
ภาพและกราฟกในเกมคอมพวเตอร (final fantasy) ภาพและกราฟกในเกมคอมพวเตอร (X men) แหลงทมา www.thaigaming.com แหลงทมา www.thaigaming.com ภาพและกราฟกในเกมคอมพวเตอร Ridge-Racer ภาพและกราฟกในเกมคอมพวเตอร megaman-zero แหลงทมา www.secret-codes.net แหลงทมา www.thaigaming.com
� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
3. ความรดานอนๆ
เปนความรทเกยวของกบการสรางความคดในการออกแบบและการสรางเกม เชน ความรทางดาน
คณตศาสตร วรรณคด ประวตศาสตร ความรทวไป เพราะเกมบางเกมสรางจากโครงเรองเหลาน
เปนตน ความรทางดานเสยง และแหลงเสยงตางๆ เบองตนสำหรบทดลองเกยวกบเสยงในเกมอาจหาไดโดย
เขาไปใน โฟลเดอร Windows > Media หรอจะลองสรางเองกได โดยใน Windows จะมโปรแกรมอยแลว
ในตว ชอ Sound Recorder สำหรบสรางบนทกเสยงตางๆ ซงใชงานงาย โดยใชแหลงเสยงจากเครองเลนซดรอม
หรอ ไมโครโฟนเสยบไปท Sound Card ซงโปรแกรมนอยท Start > Programs > Accessories >
Entertainment > Sound Recorder เปนตน
การสรางเกมยงมองคประกอบดานบคลากรทมประสบการณหลายฝาย ไดแก Programmer,
Artist, Sound Technician, Play tester และองคประกอบทสำคญคอเงนทน แตถาไมมทมงาน ไมมเงนทน
จะตองดำเนนการสงเหลานเองทงหมด ไดแก สรางงานกราฟกเอง สรางเสยงประกอบตางๆ เอง (Sound Effects)
และออกแบบ กำหนดโครงเรองของเกมทจะสรางเอง สำหรบผทจะเขยนเกมเปนอาชพ ใหควรคำนงถงสงเหลาน
หลกการเขยนโปรแกรมเกมคอมพวเตอร การเขยนโปรแกรมเกมคอมพวเตอร ผเขยนโปรแกรมจะตองเขาใจลอจก (Logic) หรออลกอรธม
(Algorithm) ของสงทเราจะเขยนโปรแกรมเปนอยางด โดยเวลาสวนใหญ 80% ถง 90% ในการพฒนา
โปรแกรมเกมคอมพวเตอรจะหมดไปกบขนตอนน ขนตอนการเขยนโปรแกรมจรงๆ นนไมยาก แคใชความรทาง
คณตศาสตร และความรความเขาใจทางภาษาคอมพวเตอรมาแปลงลอจกตางๆ ลงเปนโคดของโปรแกรม
ปญหาตางๆ กจะจบลง ยงถามความรความสามารถดานกฎเกณฑขอบงคบทางภาษาคอมพวเตอรทใชเขยนก
จะสามารถเขยนโปรแกรมไดอยางราบรน ยงถาเปนโปรแกรมขนาดใหญซบซอน ถาผเขยนโปรแกรม
(Programmer) ไมเขาใจกฎเกณฑทางภาษาทใชเขยนเปนอยางด กไมสามารถเขยนโปรแกรมได และถาไม
เขาใจอลกอรธมการทำงานของโปรแกรมนนเปนอยางด แตเขาใจอลกอรธมและกฎเกณฑทางภาษาทเขยนเปน
อยางด กมไดหมายถงวาจะเขยนโปรแกรมไดอยางราบรนปราศจากการแกไขปรบปรง ควรมการคดอยาง
รอบคอบรดกมระหวางการเขยน เพราะบางครงสงทเขยนอาจจะใหผลลพธไมเปนไปตามทตองการใหเปน
ทงหมด โดยอาจเปนบางสวน ไมเปนบางสวนซงตองมการปรบปรงแกไขจนกวาจะไดผลลพธตามทตองการ
ถาจะเปนโปรแกรมเมอรแลวตองแกปญหาใหออก ไมยอทอระหวางการเขยนโปรแกรม การกำหนดแนวคดหลก
ของเกมไวในขนตนกอนการลงมอเขยนเกมเปนการคดสรางสรรคเกม ซงในประสบการณทแตกตางกนบางทาน
กอาจจะเคยเลนเกมคอมพวเตอร หรอบางทานอาจตดเกมเลย บางทานอาจเรยกวาเปนเกมเมอร ทานทเลนก
คอผบรโภค ซงหากไมสงเกตกจะไมรวา ผผลตนน เขาผลตเกมขนมาไดอยางไร การจะผลตไดเชนนจะตอง
มความเปนคนชางขบคด ชางสงเกต มจนตนาการ จงจะสามารถคดสรางสรรคเกมของตนขนมาเองได
�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การออกแบบเกมคอมพวเตอร การคดสรางสรรคเพอการสรางเกม เปนแนวทางของการเกดความคดตางๆ ของการสรางเกม
ขนตอนแรกของการสรางเกมคอ การคดเนอเรอง (Plot) โดยมตวอยางจากเกมยอดนยมเกมหนงคอ เกมแพคแมน
(Pacman Game) เนอเรองของเกมจะมเจาตวแพคแมนตวหนง วงไปเรอยๆ โดยผเลนเปนผควบคม แพคแมน
จะวงกนไข (จดเลก) ไปเรอยๆ ตามทางทวกวนดงเขาวงกตและ
มทางลดซงสามารถวงเขาจากทางดานซายและกลบเขามาทางดาน
ขวาได (รวมทงในดานกลบกน) หากกนไขไดครบ กสามารถผาน
ดานนนได ระหวางทกนไขอยนน กตองคอยหลบเจาพวกปศาจ
หากแพคแมนพลาดไปถกตวมน กจะถกจบกนและตาย แตแพค
แมนจะสามารถจบกนปศาจไดหากมนไดกนไขทรงพลง แตมขอ
จำกดคอ จะมพลงไดเพยงชวงเวลาหนงเทานน นคอตวอยางของ
พลอตเรองอยางงายๆ
องคประกอบของเกมคอมพวเตอร องคประกอบของเกมคอมพวเตอรทวๆ ไป มดงน
1. รปภาพ เปนสงทสำคญ รปภาพทสวยงามกสามารถดงดดใจผเลนได การใชรปภาพเปนการสอ
อารมณของเกมได เชน เกมประเภทลกลบกควรใชรปภาพในสทมๆ เกมของเดกกควรมรปภาพ
ทมสสนสดใส
2. เสยง เปนตวสออารมณเกมไดอยางด เสยงในเกมมหลายประเภทเชน เสยงตวละคร
เสยงประกอบแตละฉาก เสยงประกอบในแตละการกระทำ (เชน เกบของวเศษได ถกศตรทำราย เปนตน)
3. คำสงจากผเลนเกม เนองจากเกมเปนสงทเรยกวา สามารถโตตอบได (Interactive) ดงนนเกม
จะตองมปฏสมพนธกบผเลนตลอดเวลาสามารถใหผเลนควบคมตวละครตวเอกได
4. ตรรกะของเกม สวนตรงนจะเปนสวนทมองไมเหนและเปนสวนทสำคญทสดของเกม เพราะนคอ
มนสมองทอยเบองหลงของเกม มนจะแสดงถงพฤตกรรมตางๆ ของตวละคร ตำแหนงของสงตางๆ ในฉากและ
เงอนไขตางๆ ของเกม
5. องคประกอบอนๆ จะเปนองคประกอบ ทสมพนธกบการออกแบบในการสรางเกมคอมพวเตอร
เพอใหเกมมความสนกสนาน ตนเตนเราใจหรอดงดดความสนใจเพอใหผเลนไมรสกเบอหนายและสนกสนานกบ
การเลนอยางตอเนอง
� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
หลกการของเกมบนอนเทอรเนต
หลายคนคงจะเคยเหนเกมบนอนเทอรเนตกนบาง ทงทเวบไซตของคนไทยเอง หรอเวบไซตของ
ตางประเทศ สงท ใชในการพฒนาเกมเหลานกแตกตางกนไป ในปจจบนนยมใชเกมประเภท Flash
โดยทโปรแกรม Browser ของเราจะตองมโปรแกรมปลกอนของ Flash ทจะทำใหเราสามารถเลนเกมเหลานได
โดยเราจะตองดาวนโหลดมาจากเวบไซต ทำใหเกดความยงยาก แตบางเวบไซตกจะใชจาวาแอปเพลต
(Java Applet) ในการสรางเกม ซงถาหากเปนเกมประเภทนแลวเรากไมตองไปหาตวปลกอนใดๆ มาตดตงเพม
เพราะวาภายใน Browser ปจจบนทนยมใชกนจะมตว JVM (Java Virtual Machine) อยแลว ดงนนจะทำให
ผใชไมตองยงยากไปดาวนโหลดตวปลกอนมาเพมอก ในมมมองของโปรแกรมเมอรแลว การสรางเกมดวยจาวา
ยอมดกวา เพราะวาเปนการเขยนโปรแกรมจรงๆ และสามารถนำคลาสกลบมาใชใหมได (ตามคณสมบตของ
การเขยนโปรแกรมเชงวตถ) สวนการสรางเกมดวย Flash นนจะตองขนอยกบโปรแกรม Flash ทเปนเสมอน
เครองมอ (tools) ในการพฒนา ซงจรงๆ แลวกมขอด คอความเรวในการพฒนางาย ไมตอง Code มาก
แตหากเราอยากจะเขาถงการเขยนโปรแกรมทแทจรงแลว การใชจาวากเปนทางเลอกทนาสนใจ แตเกมอนเทอรเนต
กมขอจำกดในการสรางเกมทมขนาดใหญได (แตในอนาคตจะเปนไปไดมากขน) ดงนนการสรางเกมทเหมาะสม
กบเครอขายอนเทอรเนต นนกคอมขนาดไฟลเลกและไมซบซอนมากนก เปนแอปพลเคชนซงสามารถใชไดใน
เวบเบราเซอรบนเครอขายอนเทอรเนตทหลากหลาย
ลกษณะของเกมบนอนเทอรเนต เมอเครอขายอนเทอรเนตไดรบความนยม ทกสงทกอยางกแทบจะมครบบนเครอขายอนเทอรเนต
เชน การคาขาย การศกษา ขอมลขาวสาร และเกม เสนหของเกมอนเทอรเนตคอ
1. เราไมตองตดตงเกมลงบนเครองคอมพวเตอรของเรา
2. เราสามารถเลนเกมเดยวกนพรอมกบคนอนๆ ไดทวโลก
เวบไซตทบรการเกมบนอนเทอรเนต เวบไซตทบรการเกมบนอนเทอรเนต แหลงทมา www.hunsa.com แหลงทมา www.sanook.com
10
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
3. สามารถอปเดตเกมใหมๆ ไดทนท
4. เกดสงคมของผทชอบในเรองเดยวกนขนมา
ความเหมาะสมของเกมสำหรบผเลนแตละระดบ
เนองจากความหลากหลายของเกมตางๆ ในปจจบนซงมทงความรนแรงในเนอหาของเกม ความสลบ
ซบซอนภายในเกม ความยากงายของตวเกมเองกด ทำใหตองมการแบงเรท (Rate) ของเกมขนมา เพอเปนตว
กำหนดความเหมาะสมของเกมสำหรบผเลนในระดบตางๆ ซงการแบง Rate คณะกรรมการจดเรทสอซอฟตแวร
บนเทง (Entertainment Software Rating Board หรอ ESRB) เปนองคกรจดเรทเกมของประเทศ
สหรฐอเมรกา ทำหนาทจดและใหเรทของแตละเกมกอนนำวางจำหนาย กอตงในป 1994 ในชอ Interactive
Digital Software Association องคกร Entertainment Software Rating Board ถอเปนองคกรทมบทบาท
สำคญตอวงการเกมและผคา เพราะการวางจำหนายเกมโดยไมมการใหเรทถอวาผดกฎหมายของประเทศ
สหรฐอเมรกา
สถาบนทบรษทเกมตางๆ ใหความยอมรบในปจจบนคอ ESRB (Entertainment Software Rating
Board) ซงการแบงเรท ของ ESRB นนสามารถบอกระดบไดทงเกมและเวบไซตโดยไดแบงเรทของเกมไวดงน
(แหลงทมา : http://th.wikipedia.org http://www.esrb.org/)
EC-EarlyChildhood(เดกเลก) เหมาะสำหรบเดกอาย 3-6 ป เกมทไดรบเรทนมกจะเปนเกม
ทเนนการเลนทเรยบงาย และไมมเนอหารนแรง การควบคมงาย
E-Everyone (ทกวย) เหมาะสำหรบเดกอาย 6 ปขนไป เกมทไดเรทนจะเรมมความรนแรงแบบ
ออนๆ เพมเขามา การควบคมเรมซบซอนขน เชน เกมกฬา
E10+-Everyone10+(10ปขนไป)เหมาะสำหรบเดกอาย 10 ปขนไป ตวเกมทไดเรทนเรมจะม
ความรนแรงและภาษาทสงขน
11 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
T-Teen (วยรน) เหมาะสำหรบอาย 13 ปขนไป เกมทไดเรทนจะเรมมเลอดและยาเสพยตด
ประเภทเหลาและบหรเพมเขามา (ซงสวนมากเปนแคมการวางไวเฉยๆ) ภาษาและระบบการเลน
เกมเรมสงและซบซอนขน
M-Mature (17 ปขนไป) เกมทไดเรทนจะเรมมความรนแรงทสงขน เรมมการใชยาเสพยตด
ในเกม และเรมมเรองเพศมาเกยวของ (เชน ฉากเปลอย)
AO-Adults Only (ผใหญเทานน) สำหรบผใหญเลนเทานน เกมทไดรบเรทนจะมฉากทม
ความรนแรงสง และฉากเกยวกบเพศทรนแรงขน (เชน เหนรายละเอยดรางกาย ฉากรวมเพศ)
RP-Rating Pending (อยในระหวางการพจารณา) เกมทไดรบเรทนเปนเกมทยงไมไดรบเรท
อยางเปนทางการ เพราะยงไมสามารถพจารณาเรทจากตวเกมทมได ซงสวนมากเกมทไดรบเรทน
มกจะเปนทกำลงพฒนาเสยสวนใหญ
เครองมอท ใชสำหรบการพฒนาเกม การพฒนาเกมนนหลายๆ คนอาจจะเกดคำถามขนมาวา “เขาทำไดอยางไรนะ ทำไมถงสรางมาไดสวย
ขนาดน อยากทำบางจง” การพฒนาเกมนนจะใชเครองมอตางๆ ในการพฒนาตามแตทผพฒนาจะเลอกใชมน
และการพจารณาความสามารถของเครองมอทจะนำมาใชพฒนาเกมใหมประสทธภาพมากทสด ตวอยางเครอง
มอสำหรบการพฒนาเกมทนยมใชในปจจบน มดงน
DirectX
ปจจบน DirectX มการพฒนาอยางตอเนอง สาเหตท DirectX เปนทนยมในบรรดา
นกพฒนาเกม คอ มอปกรณชวยเหลอใหเลอกใชอยางสะดวกสบาย ตวอยางเชน สามารถสงขอมลผานระบบ
เนตเวรกไดทนทเหมอนกบตอนทเลนเกม StarCarft แบบออนไลน (Online) สามารถจดการกบภาพกราฟกทง
2 มตและ 3 มต ไดอยางด มความเรวในการแสดงผลทสง
1�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
OpenGL
OpenGL ยอมาจาก Open Graphics Library สำหรบเครองมอชนดนจะมความสามารถในดาน
จดการดานกราฟกไดอยางดและอยางเดยวเทานน จะไมมความสามารถในการสงขอมลผานเนตเวรก
(Network) เลนเสยงเพลงตางๆ หรอแมแตกระทงรบขอมลผาน Joypad, Keyboard หรอแมกระทงเมาส
(Mouse)
Glide
Glide เปนเครองมอในการพฒนาเกมอกชนดหนงซงเปนเทคโนโลย ทมความสามารถไมยงหยอนไป
กวาเครองมอชนดอนๆ และทสำคญเครองมอชนดนจะสามารถทำงานไดเฉพาะเทานน ตวอยางเชน การดจอ
ตระกล Voodoo ทงหลายนนเอง
ผลงานการพฒนาเกมจากเครองมอตางๆ ทนำมาใชบรการในเกมตเกมอาเขตตามหางสรรพสนคาหรอรานเกม
การวางแผนเขยนเกม การวางแผนเปนสงทสำคญทสด คงเปนการยงยากถาหากวาจะเขยนเกมแลวลงมอเขยนโคดเลยทนท
เพราะหากวาทำดงนนแลว จะพบวาเมอตองการจะแกไขอะไร มกจะขาดระเบยบ และกระทบไปถง
ประสทธภาพโดยรวม เหมอนกบการสรางบาน หากเรามาวางเสาหลงจากการสรางหลงคามนกคงจะยงและ
สดทายกจะไมเปนบานอยางแนนอน การเขยนโปรแกรมจะตองมการวางแผนทด ยงวางแผน (ในสมองและ
กระดาษ) ไดละเอยด การเขยนโคดโปรแกรมกจะลดความยงยากและมความเปนระเบยบขนมาก การวางแผน
เขยนเกม มองคประกอบทตองดำเนนการ ดงน
1. การวางพลอตเรอง หรอ กตกาการเลนเกม
2. การออกแบบในทางศลป
3. การออกแบบในทางโปรแกรม
1� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
1.การวางพลอตเรองหรอกตกาการเลนเกม
การวางพลอตเรองเปนสงสำคญ ยงถาหากเปนเกมทซบซอน หรอมความยาวมากกยงสำคญ
การเปนผสรางเกมกเหมอนกบผกำกบภาพยนตรนนเอง จะตองควบคมทกอยางของเกม (แตในการพฒนาเกม
จรงๆ แลวจะมทมงานซงแตละคนกจะทำงานในสวนของตนเอง ตามขอกำหนดของตนเองเทานน)
เกมตวเลอนสามารถเลอนไปมาได แตจะสามารถเลอนไปไดเฉพาะบรเวณทมชองวางเทานน
จะเลอนไปมาจนกวาจะตอเปนรปรางทสมบรณได (บางครงกตอเปนรปตางๆ บางครงกเปนการเรยงตวเลข
จากนอยไปมาก)
เกมเลอนประกอบภาพดาวองคารใหสมบรณและเกมเลอนจกซอวภาพปรศนา
จากเวบไซต http://flashgamesspot.com
สำหรบพลอตเรองของเกมตวเลอนหรอเกมกระดานทวไปกคอ กตกาการเลนนนเอง กตกา กคอ
ผเลนสามารถเลอนตวเลอนไปมาไดในบรเวณพนทวาง จนกวาจะครบขอกำหนดของเกม เรยงตวเลขครบหรอ
ตอภาพเปนรปเปนรางครบ ในระหวางนนอาจใหมการจบเวลาแลวใหคะแนนเมอจบเกม หรออาจใหมการ
บนทกชอผเลนเกบเปนสถตไว เมอจบเกมหนงอาจเพมความยากหรอเปลยนรปแบบเกมบางสวน เชน อาจใหม
ชองวางได 2 ชอง มตวเลอนมากขน เปนตน
2.การออกแบบในทางศลป
สวนนเปนสวนทสำคญ เพราะวาเกมจะนาสนใจหากมรปภาพและเสยงทนาสนใจ การออกแบบ
ทางศลปนจะมากหรอนอยกขนอยกบเกม หากเปนเกมในระดบเยยมยอดแลว ภาพตางๆ อาจเปนภาพ 3 มต
มการใชแสงเงาและพนผวแบบตางๆ ทเราสามารถนำมาพฒนาเปนกราฟกแบบ 2 มต หรอ 3 มตได
1�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
เกมพฒนากราฟก ดวย 3D ENgine +3DSMAX
3.การออกแบบในทางโปรแกรม
การเขยนโปรแกรมจรงๆ (Coding) จะตองวางแผนใหเหนแนวทางกอน เนองจากจะตอง
ออกแบบการเขยนโปรแกรมใหเปนไปตามกฎเกณฑของโปรแกรม หากเราไดศกษาแลวมนจะไมใชเรองยากเลย
รวมทงการออกแบบคลาส ทตองออกแบบหรอคดไวลวงหนากอนวามคลาสอะไรบางในโปรแกรม เพราะวา
คลาสจะเปนตนแบบใหกบการกำเนดออบเจกตเหลานมาใชในโปรแกรม รวมทงการวางแผนการแกไขปญหา
ทพบในการเขยนโปรแกรม ทงความผดพลาดในการพมพ (Syntax Error) การเขยนโปรแกรมแบบเชงวตถ
(OOP : Object-Oriented Programming) ซงใชภาษาองกฤษเปนหลกในการเขยน ดงนนจงเปนเรองธรรมดา
ทเราจะพมพผดไดงาย การแกไขคอ เขยนบอยๆ แลวจะเกดความชำนาญ และตรวจดขอความในตอนคอมไพล
หากพมพผดจะมขอความเตอน สงทมกจะพบเสมอ คอ ความผดพลาดจากตรรกะเงอนไข (Logic Error)
ความผดพลาดในขนตอนการเชอมโปรแกรม (Link Error) ความผดพลาดของ Web Browser และปญหาอนๆ
หนวยท 2
ปจจบนมแนวทางของเกมใหเลอกเลนกนอยางมากมาย เกมเมอร จงมโอกาสเลอกแนวการพฒนา
เกมทตรงตามความถนด ความชอบ ทเหมาะกบตนเองได ซงประเภทของเกมคอมพวเตอรทวไป กไมได
แตกตางจากประเภทของเกมเครอง Console เกมบนมอถอ ฯลฯ ซงถาหากจะแบงกนอยางละเอยดกคงจะได
ประเภทของเกมเปนจำนวนมากและอาจเกดความสบสนได ในทนจะแบงประเภทของเกมออกเปน 9 ประเภท
ใหญๆ ดงน
1.Actiongameเกมประเภทตางๆ
คอ เกมทตองบงคบทศทางการกระทำของตวละครในเกมเพอผานดานตางๆ ไปใหได มเนอหา
เนนการแสดงออกทางกรยาทาทางเคลอนไหว การเขาบกตะลยหรอผจญภย เชน Quake, Tomb Raider,
Rayman
เกมAction
เปนเกมประเภทบกตะลยดาน โดยจะตองใชความสามารถของตวละคร เชน ตอย เตะ กระโดด ยง
ฯลฯ กำจดศตรไปใหได โดยจะมหวหนา หรอ Boss ประจำดานใหปราบ เชน Super Mario Bros, Batman,
Final Fight, Contra เปนตน
ประเภทของเกม
1�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
เกมประเภท Action game การเขาบกตะลยหรอผจญภย เกมประเภท Action game เตะ กระโดด ยง กำจดศตร
เกมFighting
เปนเกมประเภทตอสแบบตวตอตวหรอตอสแบบเปนทม โดยจะตองลมฝายตรงขามหรอทำใหตก
เวทใหได ตวละครแตละตวกจะมทาโจมต และทาไมตายแตกตางกนไป โดยจะตองกดทาใหถกตองจงจะ
สามารถใชทาไมตายได เชน เกม Street Fighter, King of Fighter, Samurai Showdown เปนตน
เกมShooting
เปนเกมทจะตองยงฝายตรงขามหรอเปาหมายทเกมกำหนดใหยง จะมหลายลกษณะ ทงเกมทตอง
บงคบยานยง เกมยงปน เกมยงเปา เชน เกม Gradius, Raiden, Counter Strike ฯลฯ
เกมประเภท RPG Game ผเลนตองสวมบทบาทเปนตวละคร เกมประเภท Shooting game การยงฝายตรงขามหรอเปาหมาย เลนตามบทบาททกำหนด
2.RPGGame(RolePlayinggame)
เกมเลนตามบทบาทหรออารพจ คอเกมทกำหนดตวผเลนอยในโลกทสมมตขน ซงผเลนตอง
สวมบทบาทเปนตวละครตางๆ เขาผจญภยไปตามเนอเรองทกำหนด อาจเลนไปพรอมกบเพอนรวมเดนทาง
โดยมจดเดนทางดานการพฒนาระดบของตวละคร (Experience) เกบเงนซออาวธ อปกรณ เมอผจญภยไปมาก
ขนและเอาชนะศตรตวรายทสดในเกม ไมเนนการบงคบ แตจะใหผเลนไดสมผสกบเรองราวแทน เชน
Final Fantasy, Deus EX เปนตน
1� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
3.SportGame
คอ เกมกฬา เปนกงๆ เกมจำลองการเลน
กฬาแตละชนด สวนมากมกจะมความถกตองและ
เทยงตรงในกฎกตกาคอนขางมาก โดยสวนมากจดเดน
ของ เกมม กจะ เป นช อ และหน าตาของน กกฬา
ลกษณะของสนามและยานพาหนะ ไดแก เกมกฬา
ประเภทตางๆ เชน เกมตระกล FIFA (ฟตบอล) เกม
All star tennis 200 (เทนนส) NBA LIVE
(บาสเกตบอล) สนกเกอร โบวลง เปนตน
4. Racing Game
เปนเกมเกยวกบการแขงขนความเรวของ
เครองยนตเครองจกรทงหลาย ไดแก แขงรถ แขงเรอ
แขงมอเตอรไซค แขงจกรยาน เหมาะสำหรบผทชนชอบ
ความเรว จะไดไมตองไปแขงรถซงกนบนทองถนน
ใหเกดความเสยง เชน NASCAR Racing, Need for
speed, Motorcross Madness เปนตน
เกมประเภท Fighting game ตอสแบบตวตอตว เกมประเภท Racing Game การแขงขนความเรว หรอตอสแบบเปนทม ของเครองยนตเครองจกรทงหลาย
เกมประเภท Sport Game จำลองการเลนกฬาแตละชนด มความถกตองและเทยงตรงในกฎกตกา
5. Puzzle Game
เกมปรศนา (Puzzle game) เปนเกมแนวท เลนไดทกวย มกเนนการแกปรศนา
ทตองใชสมองขบคดในการแกปญหาตางๆ ตามเงอนไขทเกมกำหนดมา เรมจากระดบงายไปหาระดบทยากขน
ซงสรางความทาทายใหกบผเลน ใหกลบมาเลนซำๆ ในระดบทยากขน เชน เกมตอภาพ เกมตอบคำถาม
เกมจบผดภาพ เกมตอเพชร เกมยงลกบอล เปนตน
1�
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
6.StrategyGame
เกมวางแผนกลยทธ เปนแนวเกมทกำลงไดรบความนยมไมแพ Action game เชน Drak Reign,
Zeus หรอ Traffic Giant เปนตน
เกมตอภาพ เปนเกมประเภท Puzzle game เกมยงลกบอล เปนเกมประเภท Puzzle game เนนการแกปรศนา ปญหาตางๆ ทตองใชสมองขบคด เนนการแกปรศนา ปญหาตางๆ ทตองใชสมองขบคด
เกมประเภท Strategy Game เนนการวางแผนกลยทธแกปญหาตางๆ ทตองใชการคด
1� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
7.SimulationGame
เกมจำลองสถานการณตางๆ ผเลนจะเปนตวละครตวหนง โดยตองวางแผนในสถานการณนน เชน
The Sims, B17-Flying Fortress, Red Baron
8. Adventure Game
เกมแนวผจญภย เปนเกมทผเลนจะสวมบทบาทเปนตวละครหนงทตองกระทำเปาหมายในเกม
ใหสำเรจลลวงไปได โดยสวนมากมกตองหาทางออกหรอไขปรศนา เนนการใชตรรกะแกไขปญหาและใชสงของ
ทผเลนเกบมาระหวางผจญภย ผเลนตองมความชำนาญดานภาษาจงสามารถผานดานไปได ปจจบนเกม
ประเภทนไมคอยเปนทนยมมากนก แตกยงพอหาเลนไดบาง เชน Indiana Jones, Monkey Island,
Discworld เปนตน
เกมประเภท Adventure Game แนวผจญทตองกระทำ
ตามเปาหมายในเกมตองหาทางออกหรอไขปรศนา
เกมประเภท Simulation Game เนนการจำลองสถานการณ ทตองวางแผนในสถานการณนน
�0
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
9. Arcade Game
เกมอาเขต คอเกมทถกสรางมาใหกบเครองเกมต สวนมากเกมประเภทนมกจะใชเวลาจบไมนาน
(30 นาท-1 ชวโมง) มกจะมระดบการเรยนรไมคอยสงนก มเวลาจำกดในการเลนและมกจะไมมการบนทก
ความกาวหนาในการเลน มกจะบนทกเพยงคะแนนสงสดเทานน มความทาทายเปนคณคาใหกลบมาเลนซำหรอ
หาทางทำลายสถต เชน เกมแขงรถ เกมจบค เกมเตน และเกมยงรปแบบตางๆ เปนตน
เกมประเภท Arcade Game ทสรางขนมาใหกบเครองเกมต เกมต Arcade สวนมากเกมประเภทนมกจะใชเวลาจบไมนาน
นอกจากนแลวเกมประเภทตางๆ ยงสามารถแบงออกเปนประเภทยอยๆ และจดประเภทตาม
แนวคดวตถประสงคของเกม และแนวคดในการออกแบบไดอก เชน Strategy แบงไดเปน Real time
strategy และ Turn based strategy เกมฝกทกษะ Skill เปนตน
เกมSkill
เปนเกมสำหรบฝกทกษะการใชเมาสและคยบอรด เชน ตองกดเมาสตามจงหวะ, เลอนเมาสไป
ตามทางทกำหนด, กดปมบนคยบอรดตามทเกมกำหนด ฯลฯ
เกมจากไมโครซอฟท สามารถใชเพอการฝกทกษะการใชเมาส
หนวยท 3
การสรางเกมใหผอนไดรบความสนกสนานความบนเทงใหมากทสดจำเปนตองมการศกษาหลกการ
ออกแบบเกมเบองตน เพอทจะไดไมทำสงทนาเบอออกไปในเกม หลกการออกแบบเกมใหม
ความสนกสนานนนไมมกฎเกณฑตายตว ขอยกตวอยางปจจยทมความเกยวของกบความรสกของผเลนเกม
โดยตรงดงตอไปน
Interactive Design การออกแบบการควบคมในเกม ไมวาจะเปนการควบคมตวละคร ควบคมมมมอง ฯลฯ ถาเกมปราศจาก
การโตตอบ (Interactive) แลว กจะกลายเปนแอนเมชน (Animation) ทเราสามารถดไดเทานน การโตตอบ
แบงออกเปน 2 ลกษณะดงน
- InteractiveTask คอ อนเตอรเฟซ (Interface) หรอแถบควบคมทอยบรเวณหนาจอเวลาเลนเกม
มความสำคญมากสำหรบนกเลนเกมมอใหมทไมเคยเลนเกมดงกลาวมากอน เมอมการออกแบบลำดบการจด
วางทด แถบควบคมนจะเหน ตวนำทาง (Navigator) ใหผเลนควบคมเกมไดอยางราบรน
- Interactive Device คอการควบคมจากภายนอก เชน คยบอรด จอยสตก เมาส หนาจอ
ทชสกรน หรอจะเปนอปกรณเสรมอนๆ ทเกมตองการ เชน กลอง ไมโครโฟน ฯลฯ ตามแตลกษณะของเกม
ทถกออกแบบมา สงตางๆ ทกลาวมานนจะเปนตวควบคมเกมใหดำเนนไปอยางราบรน
ในการออกแบบนนจะเลอกใชการอนเตอรแอกทฟแบบใดกขนอยกบลกษณะการควบคมเปนหลก
เกมสวนใหญจะมทง 2 ประเภท แตสงทพงระลกไวเสมอคอ จะตองทำใหผเลนสะดวกในการควบคมมากทสด
เทาทจะเปนไปได ออกแบบการควบคมใหนอยทสดแตมประสทธภาพในการควบคมมากทสด เปนสงท
นกออกแบบพงกระทำ เกมดงๆ บางเกมทใชเวลาสรางไมตำกวาปครง ใชเงนทนไมตำกวา 5 ลานเหรยญสหรฐ
ยงขายไมออกเพราะผเลนนนสบสนกบการบงคบ ถงเกมจะมกราฟกทสวยงามเพยงไรกหมดสนกไดเพราะ
ความยงยากในการบงคบ
การออกแบบเกมเบองตน (Basic Game Design Theory)
��
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การคดจะออกแบบเกมขนมาสกเกมจงตองคดอยเสมอวาผเลนเกมคอนขางจะมความออนไหวมากตอ
เกมทเลอกเลน ถามสวนใดสวนหนงในเกมทไมพอใจ อาจจะเลกเลนเกมไดทนทและหาเกมใหมทดกวามาเลน
เนองจากปจจบนมเกมใหเลอกเลนมากมาย เทานนยงไมพอ ยงจะบอกเพอนๆ ปากตอปากวาเกมไมดอยางไร
โดยทจะไมสนใจวาเกมทำมานานหลายป หรอใชเงนทนมหาศาล สดทายคอ ไมมใครเลนเกมนน
จอยสตก (Interactive Device ควบคมจากภายนอก)
Graphic Design นกเลนเกมสวนใหญใชตาในการตดสนวาเขาจะเลนเกมนหรอไมในครงแรกทเขาเหนเกมใหมและ
เหนเกมทมกราฟกสวยงามอลงการ ทำใหเขาเกดความประทบใจแรกพบ รสกอยากเลน และทำให
หลงใหลในชวงแรก
พนฐานทนกออกแบบเกมไมสามารถมองขามไดเมอพดถงเรองของเกม เกมทมกราฟกทสวยงามนนม
ชยไปกวาครงแลว และเปนสงดงดดผเลนไดเปนอยางด องคประกอบของกราฟกทดนนมหลายอยาง สวนใหญ
มาจากความสามารถดานศลปะ หลกการออกแบบพนฐาน เชน ทฤษฎส จงหวะ การจดวาง ความกลมกลน
ฯลฯ รวมถงลกษณะมมมองทเหมาะสมกบเกมทเราออกแบบ ทง แบบ 2 มต หรอ 3 มต ถาเกมเปน 3 มต
กราฟกตางๆ ในเกมความสวยงามจะอยทความประณตในการสรางโมเดล 3 มต การทำพนผวใหกบโมเดล
สำหรบเกมทมเนอเรอง เชน เกม RPG การออกแบบตวละครเปนสงทตองพถพถนเปนอยางมาก
Game Play Design คอลกษณะการเลนหลกของเกมนนๆ รวมถงกฎขอบงคบภายในเกม เชน หมากรกมลกษณะการเลน
แบบผลดกนเดน (Turn-base) และยนตแตละตวมรปแบบการเดนทแตกตางกน ฝายใดโดนกนขนกอนจะแพ
Game Play เปรยบเสมอนหวใจสำคญของเกม และเปนนยามของคำวา “เกม” ถามปจจยนอยางเดยวกถอวา
เปนเกมได และนกออกแบบเกมควรใหความสำคญกบปจจยนมากทสดเปนอนดบแรก ยกตวอยางเกม CM
หรอ Championship Manager เกมวางแผนทจะตองรบหนาทเปนผจดการทมฟตบอล และพาทมประสบ
ความสำเรจใหได เปนทนาสงเกตวาเกมนไมใชกราฟกเปนจดขาย แตใช Game Play เปนจดขาย นกเลนเกม
ทหลงใหลในเกมนหลายคนประทบใจในแนวความคดของลกษณะการเลน จนทำใหเกมนถกสรางภาคตอขนมา
เรอยๆ มหลายเกมทสรางเลยนแบบขนมาโดยเพมกราฟก 3 มตใหเหนการเลนทงสนาม แตกไมไดรบความนยม
เทาทควร เนองจากนกออกแบบไมเขาใจวาเกมทมลกษณะการเลนแบบน ไมจำเปนตองใชกราฟกใหเหนเปนตว
คนเลน เพยงแตมกราฟกบางอยางททำใหผเลนสามารถวเคราะหสงตางๆ เพอนำมาปรบปรงไดกเพยงพอแลว
�� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
เกม CM หรอ Championship Manager เกมหมากลอมหรอ “Go” (โกะ) เปนเกมทถกออกแบบมา เกมวางแผนทรบหนาทผจดการทมฟตบอล ตงแตสมย 2,000 ปกอนครสตกาล เกดขนทประเทศจน
เกมจะสนกหรอไมขนอยกบการออกแบบ Game Play สวนมาก เปนเกมทจะอยไดอยางยาวนาน
เปนทจดจำและเปนอมตะนน ความสำคญขนอยกบการออกแบบลกษณะการเลนทสามารถดงดดความสนใจ
ของผเลนไดตลอดเวลา ซงถาเกมใดออกแบบ Game Play มาอยางดไมวาจะเลนกรอยกพนครงกยงเปนเกมท
สนกและไมนาเบออยเสมอ ยกตวอยางเกมหมากลอมหรอ “Go” (โกะ) เปนเกมทถกออกแบบมาตงแตสมย
2,000 ปกอนครสตกาล เกดขนทประเทศจน เกมนไดแรงบนดาลใจมาจากการรบและการแยงชงดนแดนใน
สมยนน ในปจจบนเกมนยงคงเปนทนยมอยในหลายประเทศแถบเอเชย เชน จน เกาหล ญปน อะไรเปนสงททำ
ใหเกมนเปนเกมอมตะ ทงๆ ทไมไดมกราฟกหรอสสนทสวยงามใดๆ เหมอนเกมคอมพวเตอรในปจจบน
เกมคอนโซล Playstation 2 ทออกแบบการเลนใหสามารถดงดดความสนใจของผเลนไดอยางด
แหลงทมา http://www.gamespot.com/ps2/index.html
Game Play ทดนนคอ ตองทำใหเกมมความสนกสนาน เพราะฉะนนทำอยางไรนกออกแบบเกมจง
สามารถสรางเกมทไมนาเบอได เรองนเปนสงทละเอยดออนและอาจตองอาศยหลกจตวทยาพนฐานหลายอยาง
โดยสวนตวนกออกแบบทจะสรางเกมสกเกมหนงจะตองทำการสำรวจกลมเปาหมายและวเคราะหใหดเสยกอน
กอนทจะเลอกลกษณะเกมทจะสรางขนมา เกมแตละแนวกมหลกการออกแบบแตกตางกนไป เชน เกมแอกชน
(Action) จะตองออกแบบการควบคมใหดและออกแบบฉากใหดนาสนใจ เกม RPG จะตองออกแบบเนอเรอง
ใหชวนตดตาม เปนตน ถาจะพดวาเกมในแตละแนวมหลกการออกแบบอยางไรบางคงเปนเรองทยาวมาก แตใน
��
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
ทกๆ แนวเกมกมสงทนกออกแบบควรคำนงอยคลายๆ กน เรยกวาเปน Fun Factor หรอปจจยทกอใหเกด
ความสนกในเกม ซงมสงทควรคำนงดงตอไปน
1. Concentration เกมจะตองดงดดและผเลนสามารถอยกบเกมไดนาน
1.1 ควรมสงกระตนอยางหลากหลายภายในเกม เพอใหผเลนไดจดจำและเพลดเพลนไปกบ
สงเหลานน เชน มไอเทมในเกมอยางหลากหลายใหเลอกใช ซงไอเทมแตละอยางจะใหผลทแตกตางกนออกไป
หรอแตละเกมกอาจมมมมองทหลากหลาย เปนตน
1.2 สงกระตนภายในเกมจะตองมความนาสนใจเพยงพอ ซงจะแตกตางกนไปตามลกษณะ
พฤตกรรมของผเลน
1.3 เกมควรจะเปนทนาสนใจของผเลนไดอยางรวดเรวและรกษาระดบความนาสนใจอนนใหได
ตลอดทงเกม
1.4 เกมแตละเกมจะมเปาหมายหลก ผเลนไมควรจะทำสงทรสกวาไมใชสงสำคญและไมใชเปาหมาย
หลกของเกม ซงจะทำใหเกมนาเบอ เชน การพดคยภายในเกมทนานเกนไป และไมคอยกอใหเกดประโยชนตอผเลน
2. Challenge เกมควรมการทาทายอยางเพยงพอและเหมาะสมกบระดบทกษะของผเลนตามกลม
เปาหมาย
2.1 ความทาทายในเกมจะตองเหมาะสมกบระดบทกษะของผเลน เชน ถาออกแบบเกม
ทกลมเปาหมายอยในวยประมาณ 6-10 ป ตองทราบวาเดกในวยนสามารถรบระดบความยากไดมากนอยเพยงใด
ไมควรยากหรองายจนเกนไป
2.2 เกมควรมความทาทายหลายๆ ระดบสำหรบผเลนตางๆ กน เชน เกมทเลนไดทกเพศทกวย
อาจมโหมดใหเลอกระดบความยากงาย
2.3 ระดบความทาทายควรเพมขนตามทกษะการเลนทพฒนาขนของผเลนตลอดทงเกม เชน
เกมในฉากแรกจะงายกอน เพอเปดโอกาสใหผเลนไดพฒนาทกษะการเลน และจะยากขนไปเรอยๆ ในฉากตอไป
ในทางตรงกนขาม ถาเปดเกมมาในฉากแรกแลวยากเกนไปสำหรบผเลน ผเลนจะหมดกำลงใจและเลกเลนไปใน
ทสด
2.4 เกมควรมความทาทายใหมๆ เมอถงจงหวะเวลาทเหมาะสม ความทาทายในเกมไมจำเปน
ตองมลกษณะเดยว แตสามารถมไดอยางหลากหลายเพอลดความนาเบอ สรางความแปลกใหมและความคาดไมถง
ใหกบผเลน
3. Player Skill เกมจะตองเออใหเกดการสงเสรมการพฒนาดานทกษะและความชำนาญของผเลน
3.1 ผเลนสามารถเรมเลนเกมโดยไมตองอานคมอ ซงระบบ Tutorial เปนสงจะเปนสำหรบเกม
ใหมๆ ทกเกม และตองทำใหผเลนรสกเหมอนเลนเกมจรงๆ อย ไมใชแคการสอน การเรยนรจงจะไมนาเบอ
�� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
3.2 การเรยนรในการเลนเกมไมควรนาเบอ ควรสอดแทรกเขาไประหวางการเลนเกม อยาลมวา
ไมควรใหผเลนอานอะไรทยาวเกนไป สงทควรทำคอ ทำประโยคทเปนตวหนงสอทงหมดใหเปนกราฟกทเขาใจงาย
3.3 เกมควรม Help Mode ในขณะทเลน ซงผเลนไมจำเปนตองออกจากเกม
3.4 เกมควรจะเพมทกษะของผเลนเมอถงเวลาทเหมาะสมตลอดทงเกม
3.5 ผเลนควรไดรบรางวลทเหมาะสมกบสงททำและทกษะทพฒนาขน เชน การไดรบโบนส
ทเปนคะแนนเพม หรอไดรบไอเทมทพเศษกวาอนอนๆ เปนตน
4. Control ผเลนควรรสกไดถงความสามารถในการควบคมสงตางๆ ในเกมไดอยางด
4.1 ผเลนควรรสกวาสามารถควบคมตวละครหรอยนตไดเปนอยางดไมตดขด
4.2 ผเลนควรรสกวาไดควบคม Interactive Task (บนหนาจอ) และ Interactive Device
(เชน Gamepad, Mouse, Keyboard เปนตน) อยางสะดวก
4.3 ผเลนควรรสกวาสามารถควบคมการเรมเกม การหยดเกม และการเซฟ (Save) เกมไดอยางสะดวก
4.4 เมอมความผดพลาดรายแรงในเกม ผเลนควรไดรบการชวยเหลอเพอแกไขความผดพลาด
เชน ผเลนเผลอทงไอเทมสำคญไป เกมกควรจะมทางแกไขให มเชนนนผเลนอาจหมดกำลงใจและพาลเลกเลนไป
4.5 ผเลนควรรสกวาไดควบคมการกระทำของตวเองและแผนการทใช ซงเปนอสระในการเลน
เกมในแบบทตนเองตองการ (ลกษณะนมความสำคญมากในเกมประเภทวางแผน)
5. Clear Goals เกมควรมการเคลยรจดมงหมายตางๆ ทตงไวในเวลาทเหมาะสม
5.1 เปาหมายของเกมในสวนยอยๆ ควรเคลยรไดตงแตแรก
5.2 เปาหมายระดบปานกลางควรเคลยรไดในเวลาทเหมาะสม
6. Feedback ผเลนตองไดรบ “ผลทไดรบจากการกระทำ (Feedback)” ทเหมาะสมในเวลา
ทเหมาะสม (ผลทตามมา เชน เกบเหรยญหรอตศตรแลวคะแนนจะเพมขน กนขนมแลวเกงขน เกบในไมแลวบน
ไดเปนตน) ทงนเมอผเลนเลนเกมไดดกยอมไดรบผลตอบแทนทดตามไปดวย เปนการสรางขวญกำลงใจใหกบ
ผเลนไดอยากทจะเลนเกมตอไป
6.1 ผเลนควรไดรบ Feedback ทมคาในเกมสงขนเมอเลนเขาใกลจดหมายไปเรอยๆ
6.2 ผเลนควรไดรบ Feedback ทนทเมอกระทำสงใดๆ ในเกมทด และควรแสดงใหผเลนเหนได
อยางชดเจน อาจจะแสดงทางกราฟกหรอทางเสยงกได ทงนเพอใหผเลนสะดวกในการรบรและเขาใจไดทนท
6.3 ผเลนควรรสถานะและคะแนนของตวเองเสมอ ซงสำคญมากสำหรบเกมทเลนแบบไมมทสนสด
เชน เกม Tetris ถาไมมขอมลเหลาน ผเลนจะตงคำถามใหกบตวเองวาเลนตอไปทำไม และพาลเลกเลนทนท
7. Social Interactive เกมควรรองรบและสรางโอกาสใหมการเขาสงคมซงสำคญมากในยคสมย
ปจจบน และเราไมสามารถปฏเสธไดวามนษยเปนสตวสงคม ตวอยางเชน เกมออนไลน ซงมกลมคนทนยมเลน
กนมากเนองจากเกมเออใหเกดการพบปะกนเสมอนสงคมใหญๆ แหงหนง เมอเกดสงคม สงตางๆ ทจะสามารถ
��
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
ดงดดผเลนกจะตามมาเอง หรอจะเปนเกมทสามารถเลนผาน LAN เชอมโยงกน หรอเกมทสามารถเลนแขงกน
กบเพอนอกคนได อยางเชน เกมคอนโซลทวไป (Playstation 2 , Xbox) เกมตางๆ เหลานทำใหเกดสงคมขน
และจะเปนสงดงดดใหคนมาเลนเกมนนๆ โดยเนนความสนกสนานเปนหมคณะ
7.1 เกมควรรองรบการตอสและการชวยกนระหวางผเลน
7.2 เกมควรชวยใหเกดสงคมระหวางผเลน เชน การแชต
7.3 เกมควรชวยใหเกดสงคมทงในและนอกเกม สงททำใหเกดสงคมภายนอกเกม เชน การพดคย
กนภายนอกผานฟอรมหรอเวบบอรดถงเรองเทคนคการพชตเกม เรองของเทคนคการเลน ฯลฯ
เกม RPG ทออกแบบ Game Play และ Graphic Design ทำใหนาสนใจไดอยางด
แหลงทมา http://www.gamespot.com/ps2/index.html
Storytelling Storytelling คอสวนของเนอเรองหรอเนอหาภายในเกม ซงแนวเกมทจะตองเนนในเรองนเปนพเศษ
กคอ แนว RPG , Adventure แตไมวาจะเปนเกมแนวใด ถามการสอดแทรกเรองราวลงไปกจะสามารถสราง
ความสนกสนานและความบนเทงใหกบผเลนไดเปนอยางด ซงการสราง Storytelling ทดนน นกออกแบบเกม
จะตองสวมวญญาณเปนผกำกบภาพยนตร โดยเฉพาะเกม RPG ทเนอเรองนนจะตองเขมขนชวนตดตาม ซงอาจ
จะหาความรเพมเตมไดจากหลกการเขยนภาพยนตร หรออาศยการอานนยายบอยๆ เกมสมยใหมหลายเกมใน
ปจจบนนยมมสวนของเนอเรองไมวาเกมนนจะเลกหรอใหญกตาม ซงเปนเรองทดในการออกแบบ
อยางไรกด สวนของ Storytelling นนเปนสวนทเสรมเขามาเพอทำใหเกมมอรรถรสเพมขน
นกออกแบบไมควรมงเนนในสวนนมากไปจนลมเรองของ Game Play เพราะถาเกมปราศจากลกษณะการเลน
ทดแลวคงเรยกวาเปน “เกมทด” ไมได
ปจจยทกลาวมาเปนเพยงสวนหนงเทานน โดยแตละหวขอสามารถทจะแยกยอยออกไปไดอยาง
มากมาย นกออกแบบควรจะเรยนรและเสาะแสวงหาคำตอบดวยประสบการณของตนเอง ตองพยายามผนก
เอาปจจยตางๆ ท ไดกลาวไปแลวมารวมกนในสดสวนท เหมาะสมตามลกษณะเกมทออกแบบขนมา
ควรมการสงเกตและวเคราะหเกมดงๆ วามปจจยใดบางททำใหเกมนนเปนทนยมได รวมถงเกมทไมไดรบ
ความนยมวาเปนเพราะสาเหตใด เพอทนกออกแบบเกมจะไดสรางสรรคสงทดยงๆ ขนไป โดยดเกมทงในอดต
และปจจบนเปนบทเรยน
�� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
สดทาย เกมทมความสมดลและลงตวในทกๆ ดาน ไมวาจะเปนเรองของการออกแบบหรอในแงของ
การตลาด จะเปนเกมทประสบความสำเรจไดอยางแนนอน
การออกแบบเพอสรางเกมแนว Shooting เกมแนว Shooting เกดขนมานานแลวกอนเกม Pong เสยอก ซงไดมการพฒนาวธการเลนเรอยมา
จนถงปจจบน เกมแนวนกยงคงไดรบความนยมอย เนองจากสามารถเลนไดเรอยๆ และทาทายความสามารถซง
ตองอาศยทกษะการบงคบ หลบหลกเปนหลก
ในป 1962 Steve Russell สรางเกมชอ Spacewar ซงเปนเกมแนว Shooting เกมนถอไดวาเปน
เกมทเลนบนคอมพวเตอรเกมแรกซงใชเครองรน MIT PDP-1 mainframe ในการออกแบบ
เกม Spacewar ซงเปนเกมแนว Shooting เกมนถอไดวาเปนเกมทเลนบนคอมพวเตอรเกมแรก
ประมาณป 1977 บรษท Atari สรางเกมชอ Asteroids ซงเปนเกม Shooting ขนมา และในขณะนน
ถกยกยองวาเปนเกม Action Shooting ทดทสด
ในป 1987 ขณะทเครองเลน Famicom โดงดงสดขด บรษท Capcom จงไดสรางเกมชอ 1943
The Battle of Midway ขนมาซงพฒนามาจากภาคกอนๆ โดย
เปนเกมทจำลองเหตการณสงครามโลก ผเลนจะตองบงคบ
เครองบนเพอทำลายศตรใหหมด นบวาเปนเกมท ไดรบ
ความนยมมากอกเกมหนง
��
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การออกแบบเพอสรางเกมแนว Action Platform เกมแนว Action Platform คอเกมผจญภย 2 มต ไปในแนวดานขางของจอ ผเลนตองควบคมตว
ละครใหเดนหรอกระโดดไปเรอยๆ จนกวาจะบรรลจดประสงคของเกม ซงโดยสวนใหญจะเปนการดำเนนเรอง
ไปใหถงฉากสดทาย และตองตอสกบหวหนาใหญจงเปนอนจบเกม สงทสำคญทสดในการออกแบบเกมแนวนคอ
การสราง Lavel หรอฉากทนาสนใจและทาทายความสามารถของผเลน โดยระดบความยากจะคอยๆ เพมขน
เพอใหผเลนไดมเวลาฝกฝนการบงคบและปรบตวในชวงแรกๆ และในชวงหลงของเกมจงจะเพมระดบความยาก
ขน เมอเกมมความยากมากขน สงทขาดไมไดกคอ ไอเทมทหลากหลายและมประสทธภาพทสงขน ซงจะชวยให
ผเลนรสกวาเลนไดสะดวกขนและอยากทจะเลนตอไปเรอยๆ
เกมแนวนทโดงดงกคอ เกมมารโอ ของคาย Nintendo ซงมประวตมาอยางยาวนาน เกมมารโอออก
มาหลายตอหลายภาค และประสบความสำเรจมาอยางยาวนาน โดยเฉพาะมารโอภาค 3 ของเครองแฟมคอม
ซงถกบนทกไวโดยกนเนสบค วาเปนเกมทขายไดมากทสดตลอดกาลกวา 33 ลานตลบทวโลก
เกมมารโอ ในปจจบนทใชแนว เกมมารโอ ของคาย Nintendo ซงโดงดงและมประวตมาอยางยาวนาน
แหลงทมา : http://game.siamha.com/name/mario1
การออกแบบเพอสรางเกมตามลาจบผดภาพ (Picture Hunter) เกมตามลาจบผดภาพ ซงพบเหนไดทวไปตามตเกมในหางสรรพสนคา ทเปนลกษณะของเกมแบบ
หยอดเหรยญ หรอทเวบไซตตางๆ สำหรบลกษณะการเลนเกม เพยงหาตำแหนงในรปภาพ 2 รปทมความแตก
ตางกน แลวนำเมาสไปคลกลงบนตำแหนงนน (หากเปนเกมแบบหยอดเหรยญมกจะใชหนาจอแบบสมผส
(touch screen) หากตำแหนงนนเปนตำแหนงทถกตอง (มความแตกตางระหวาง 2 รป) กจะแสดงเครองหมาย
วงกลมขนมาลอมรอบตำแหนงนนและมเสยงแสดงความยนด หากวาผดกจะมเสยงขนมาเตอน ซงขณะทเกม
ดำเนนไปนนกจะมการจบเวลาดวย การจบเวลาอาจใชรปภาพแสดงถงเวลาทผานไป (คลายกบ Progress bar
ใน Windows) หากครบกำหนดเวลากอาจมเสยงเตอนแลวสงขอความบอกผใชวา “Game Over” แตหากวา
หาตำแหนงไดครบทนกอนหมดเวลา กอาจจะมขอความแสดงความยนดกบผเลน และมการสรปคะแนน เกมลา
�� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
รปภาพในเกมจะมการจบเวลาและเลนเสยงดนตรขนาดสนๆ สอสารกบผเลน ใหหาจดทตางกนของภาพสอง
ภาพในเวลาทกำหนด ซงสามารถสรางเกมนไดอยางงายดาย และอาจนำเกมทสรางนไปแจกเพอน (อาจนำรป
เพอนมาทำเกมนได) หรอนำไปใสไวในเวบเพจทมมใดมมหนง เชน มมคลายเครยด หรอมมเกมกได ใหผทเขามา
ชมเวบไซตสามารถไดเลน ดงตวอยาง
เกมตามลาจบผดภาพ ใหหาจดทตางกนของภาพสองภาพในเวลาทกำหนด พบตามตเกมในหางสรรพสนคาหรอทเวบไซตตางๆ
แหลงทมา : http://www.kidteung.com
นอกจากนยงมเกมอกลกษณะหนงคอ เกมตามลาหาภาพใหตรงกบคำศพท ซงผเลนเกมจะไดเรยนร
คำศพทจากภาพไดเปนอยางด เชน
�0
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
แหลงทมา : http://www.kidteung.com/game.html
เกมลารปภาพ แหลงทมา : http://game.mthai.com
เกมลารปภาพ แหลงทมา : http://game.raikunni.com
�1 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การออกแบบเพอสราง เกมเศรษฐ เมอเอยชอเกมนทกๆ ทานคงรจกเกมนกนเปนอยางด ไมวาจะเปนเดกเลก เดกโต หรอผใหญ
เพราะชวงทผานมาเกมนนยมกนมากทวทงประเทศ เพราะนอกจากจะไดรบความสนกสนานแลวยงไดความร
รอบตวอกดวย เรยกวาทวเกอบทกชองจะตองมเกมในลกษณะนกนทงนน สำหรบลอจก (Logic) ของเกมชนดน
ทกคนทเคยดเกมนคงตอบไดวาไมมอะไรซบซอนแคมคำถามมาถาม ถาตอบผดเกมกจะหยด รางวลจะลดลง
ครงหนง ถาตอบถกเกมกจะดำเนนตอไป รางวลกจะเพมตามไปเรอยๆ โดยมตวชวยสามชนดมาให ซงจรงๆ
กเปนเชนนนคอ ไมยากเลยสำหรบลอจกของเกมน แตการเขยนเกมนจะตองออกแรงมากตรงชวงการใชตวชวย
ตอบไดสองครง
กลาวคอ เกมนจะมลกษณะดงน มคำถามมาใหตอบ โดยเรยงลำดบความยากงายมาตามลำดบ คอ
ในชวงแรกๆ คำถามจะงาย และจะคอยๆ เพมความยากขนเรอยๆ ตามลำดบ ดงนนคำถามทเลอกมาถามจงไม
ควรเปนการเลอกมาแบบสม (random) โดยจะมหนงคำตอบทถกตองจากสตวเลอก ซงแตละตวเลอกจะใชกด
ปมเมอตองการเลอกตวเลอกนน ดงตอไปน
คำถาม...........................................
1. ................
2. ................
3. ................
4. ................
1 2 3 4
สมมตคดวาคำตอบของคำถามน คอ 2 ใหกดปมทมเลข 2 ถาคำตอบตอบผด ปมจะหยดลงแลว
หกเงนทควรจะไดไปครงหนง แตถาคำตอบถกเกมกจะดำเนนตอไปโดยเปลยนเปนคำถามถดไปโดยอตโนมต
เงนรางวลกจะเพมขน โดยมกตกา เงนรางวลเหมอนในทว จะเหนไดวาถามแคน (ไมมตวชวยตางๆ) การทำงาน
จะไมยาก คอกดปมไหนจะไดตวเลขนนไปเปรยบเทยบกบคำตอบ ถาตรงกน กจะไปโหลดคำถามมาใหมและ
เพมเงน ถาไมตรงกน เกมจบหกเงนลงครงหนง เชน คำตอบคอขอ 2 ถาเรากดปม 3 กจะตองเขยนโคดใหมเลข
3 เกดขนแลวนำไปเปรยบเทยบกบเลข 2 โดยใชเงอนไข if ใน java เปนตน ตอมาถาใหมตวชวยใหตอบสองครง
ดงทแสดง แลวจะทำอยางไรตอ ลองนกดซ จากเดมตอบผดเกมจบ คราวนตอบผดครงแรกเกมยงไมจบ
ยงตอบไดอกครงหนง หรอจะตอบครงแรกแลวถกเลยกไดคำแนะนำเบองตน คอ จะตองมตวแปรตวหนง
มาคอยนบจำนวนครงทกด โดยตวแปรนจะตองนอยกวา หรอเทากบสอง (<=2) ถาเกนเกมหยด
��
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
คำถาม...........................................
1. ................
2. ................
3. ................
4. ................
1 2 3 4
สวนตวชวยทเหลอ คอเปลยนคำถามนนไมยาก แคโหลดคำถามมาใหม และตวชวยถามผอนยงงาย
เขาไปอกคอไมตองทำอะไร แคหนไปถามใครกไดเพยงคนเดยว ถาตองการจำลองเหตการณใหเหมอนกบในทว
ทงนทงนนแตละตวชวยตองกดไดเพยงครงเดยวเทานน (ซงทำไดโดยตองใชตวแปรชนด Boolean) เปนไดสอง
กรณ คอ true หรอ false มาเกยวของ พดแคนคนทเคยเขยนโปรแกรมมาบางแลวคงพอจะนกออก แตสำหรบ
ผทเรมตน ถานกไมออกยงไมเปนไร นอกจากนขอความบนปมกดของตวชวยตางๆ ควรมสญลกษณแสดงวาได
กดไปแลว เชน ใหขอความมสจางลงเมอกดไปแลว ถายงไมกดจะยงมสของขอความเขมอย เปนตน สำหรบเรอง
เงนรางวล จากทางทวจะม 16 คำถาม จะมเงนรางวลดงน 5,000 10,000 15,000 20,000 25,000 30,000
35,000 40,000 45,000 50,000 100,000 200,000 300,000 400,000 500,000 และ 1,000,000
จะตองมตวแสดงจำนวนเงนทไดรบ ซงในทนจะใชกราฟแทงแสดง โดยหลกการสรางเหมอนกบในเกมตามลา
จบผดภาพ เชน เมอสะสมเงนได 50,000 บาท จะมลกษณะ ดงนคอ
เกมสเศรษฐตอบคำถาม เกมสนผรวมเลนในเกมสเศรษฐอานคำถามใหดแลวเลอกคำตอบทคดวาถกตอง
แหลงทมา : http://www.kikuza.com/game
�� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การออกแบบเพอสรางเกม Hang Man เกมนจดเปนเกมคลาสสกเกมหนงททกคนคงรจกกนเปนอยางด ลกษณะของเกมนคอมคำศพทภาษา
องกฤษทถกเลอกมาแบบสมใหทายวาคำนคออะไร และประกอบไปดวยตวอกษรอะไรบางในคำน โดยจะม
โอกาสทายผดไดแคสบครงเทานน ซงแตละครงททายผดจะมรปสวนประกอบตางๆ สำหรบการแขวนคอแสดง
ไปตามลำดบ จนเมอทายผดครบสบครงแลวยงไมรวาคอคำศพทอะไรจะครบพอดของรปการถกแขวนคอ
โดยรปตอไปนจะแสดงสวนตางๆ สบสวนสำหรบแขวนคอ
โดยแตละคำศพททใชทาย จะมขดลางแสดงเทากบจำนวนของตวอกษรในคำนน เชน คำศพท
MOON จะมขดลาง (_ _ _ _) แสดงใหรวาคำนมสตวอกษรทจะตองทาย สำหรบการออกแบบเกมน กอนอน
เราจะตองเลอกคำศพทมาทายจะกคำกไดแลวแตจะกำหนด ซงในโปรแกรมนจะใชแค 30 คำ
โดยใชอารเรย (Arrag) เกบคำศพทเหลาน และใหม method ทจดการเกยวกบการสมคำมาทาย
พรอมกบหาจำนวนตวอกษรคำนดวยเพอจะไดวาดขดลางตามจำนวนตวอกษรในคำศพททเลอกมา หลงจากนน
จะตองออกแบบปมกด A ถง Z เพอทจะใหกดทายตวอกษรในคำ โดยปมเหลานเมอกดกจะมตวอกษรตามปม
นนไปเปรยบเทยบกบคำศพททสมมาทายวามตวอกษรในคำนหรอไม เชน จากศพท MOON เมอจะทาย
คำศพทน ถากดปม F กจะไดตว F ไปหาคาวามอยในคำศพท MOON หรอไม เปนตน ดงนนจงจะตองม
method สำหรบทำหนาทดงกลาวนดวย นอกจากนจะตองออกแบบใหมปมกดเคลยรใหเรมตนเลนเกมใหม
ทศพทคำใหม สำหรบโครงสรางของโปรแกรมจะมลกษณะ ดงตวอยาง
��
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
ทมา : http://www.quickflashgames.com/games/xbox-360-hangman/
การออกแบบเพอสรางเกมพลกภาพ เกมนจะมลกษณะการเลน ใหคลกเปดทายแผนภาพทจะถกเปดตอไปวาภาพทเปดใหมเหมอนกบ
ภาพกอนหนานหรอไม เกมนมเคาโครงมาจากทางทวในอดต ซงจะมเกมอกหลายลกษณะในทำนองเดยวกนน
เชน ใหเปดแผนภาพออกมาแลวไดรางวลเปนจำนวนเงนตางๆ ภาพระเบด หรอภาพของพธกรเอง เปนตน
นอกจากนเกมนยงคลายกบการนำตวรถเมลมาลองทายตวเลขเลนกบเพอนดวย หรอถาจะนำไปประยกตอก
เลกนอย สำหรบหาตวเลขสมทายเบอรโทรศพทเพอจบของรางวลผโชคดททายสงตางๆ ทางทว หรอแมกระทง
นำไปใชหาเลขรางวลตางๆ ของลอตเตอรทไมรจะใชวธไหน โดยหลกการสรางเกมลกษณะนไมยากนก
เมอเทยบกบเกมทผานมาโดยขนตอนการสรางเกมทายแผนภาพ คอ จะตองหาภาพมาสบภาพ โดยภาพแรกจะ
ถกเปดกอนเสมอเพอเปนจดเรมตนใหทายภาพถดไป ซงการเปด-ปดแตละภาพกแคคลกทภาพนนๆ และเราจะ
ตองมปมสำหรบกดเรมตนเลนเกม หรอเลนเกมใหม โดยปมนจะทำหนาทสมภาพตางๆ ให สำหรบการทำให
แตละภาพรบรเหตการณ เมอคลกไปทภาพเพอเปดด ถาภาพทถกเปดเหมอนกน กจะแสดงไว แตถาเปดแลว
ภาพไมเหมอนกน ภาพทงสองภาพนนจะปดไป แลวใหผเลนทดลองเปดภาพอนๆ เพอเปดใหภาพเหมอนกน
สองภาพ จนครบตามจำนวน กถอวาผเลนชนะ ในเวลาทกำหนด และเกมจะจบลงเมอผเลนทายไมถกทงหมด
ในเวลาทกำหนด เกมจะแสดงคำวา Game Over เกมนจะใชหลกการคอ มการกำหนดบรเวณสำหรบเมาสคลก
ซงบรเวณนกคอ ขนาดของรปภาพนนเอง นอกจากนยงสามารถใสเสยงแสดงไดเวลาคลกเปดภาพตางๆ
ดงตวอยาง
�� การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
แหลงทมา : http://www.12gamer.net
��
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การออกแบบเพอสรางเกมงจบลกไก สำหรบเกมยอดนยมอกเกมคอ เกมงจบลกไก ซงสามารถพบเหนไดทวไป เชน ในโทรศพทมอถอ
ตางๆ โดยวธการเลนของเกมนคอ จะตองบงคบทศทางการเคลอนทของงดวยปมกดบนคยบอรด เพอไลกน
ลกไก โดยจะตองระวงไมใหงเลอยไปโดนผนงทงสดาน มฉะนนงกจะตาย โดยมโอกาสไดเลนเกมสามครงเทานน
(มงสามตวใหเลน) การออกแบบของเกมนจะตองใหงสามารถเคลอนทไดทงสทศทางคอ ขนบน ลงลาง ทางซาย
และทางขวา โดยใชคยบอรดซงในทนจะใช Arrow key ทงสปม ในขณะทงเคลอนทจะใหมเสยงงเคลอนทดวย
และใหมลกไกสามารถเคลอนทแบบสม (random) อยางอสระทงสทศ โดยในเกมนจะใหมลกไกทงหมดสตวให
งไลลา เมองกนลกไกไดกจะมเสยงเขมอบลกไกดวย และมตวแปรคอยนบจำนวนลกไกทงกนได นอกจากนจะ
ตองกำหนดบรเวณผนงทงสดานเมองเคลอนทมาโดนใหงตาย คอ ใหมเสยงปะทะผนงเกดขน มตวแปรคอยนบ
จำนวนง โดยตอนแรกตวแปรนจะกำหนดใหมคาเปนสาม (ใหเลนไดสามครง) และมรปงเลกๆ สามตวแสดงท
ดานลาง เมองตายตวทหนง ตวแปรจะลดลงทละหนง (ใชโอเปอรเรเตอร --) และรปงเลกๆ กจะลดลงตามดวย
จนเมองตายครบสามครง เกมจะจบลง มขอความ Game Over แสดง และใหตวรนการเคลอนทตางๆ
ของงและลกไกหยด จะสามารถเลนเกมใหมไดโดยกดปม Start Game เพอกำหนดสงตางๆ เรมตนใหมอกครง
นอกจากนยงกำหนดใหงมการเคลอนทแบบเลอยไปมาโดยภาพงสองภาพวาดสลบไปมา เมองเคลอนทไปตาม
ทศทางตางๆ ทงสทศทำใหดเหมอนมการเคลอนไหวทสมจรงขน ดงตวอยาง
แหลงทมา : http://game.glosgu.com
หนวยท 4 ตวอยางโครงการพฒนาเกม
ประวตการออกแบบ (Design History) เอกสารนเปนเวอรชน 1.30 เรมตนดำเนนการ 4 ตลาคม 2547
Version 1.00/1.20 1. เวอรชน 1.00 เปนตนแบบเรมตน Design Document
2. เวอรชน 1.20 มการแกไขเพมเตมอาวธ และเปลยนการใชโปรแกรมสำหรบ Paint
Version 1.30 1. สรปสดทายการใช Game Engine เปน A6
2. สรปและปรบปรงขนสดทายของตวผราย
Game Overview ชนดของเกม (Type of Game) เกมนเปนเกมแบบ 3D First Person Shooter
แนวคดของเกม (Game Ideas) เกมนมแนวคดจากความตองการทำเกมสำหรบเดกไทย โดยสอดแทรกความรเกยวกบธรรมเนยมไทย
นทานพนบานไทยผานทางผ ปศาจชนดตางๆ ของไทย ทปจจบนจะคอยๆ ลมเลอนกนไป เปนเกมประเภทให
ความรจากความบนเทงสนกสนานในการเลนเกม
Design Document Game อทธฤทธหมอผนอย
First Person Shooter พฒนาเกม โดย
V R Games Company
38
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
สถานท (Location) เกมนเกดทจงหวดสพรรณบร ดนแดนทอดมสมบรณดวยนาขาว สายนำปาเขาดานชายแดนไทยพมา
โบสถโบราณอายนบรอยป สวนเรองอภนหารและเวทยมนตสรางตำนานทกลายเปนสดยอดวรรณกรรมของไทย
“ขนชางขนแผน”
ผเลน (Players) ผเลนจะเปนคนควบคมตวละครหลก โดยมมมมองแบบ First Person Perspective เรมตนการเลน
เกมโดยมอาวธเปนใบหนาด และจะมชนดอาวธเพมมากขนตามการเดนทางและระดบของเกม
วตถประสงคของเกม (Main Objective) เพอปกปองคมครองดนแดนสพรรณบรจากไพร คอโจรปา โรคระบาด ศตรตางชาตตามระดบของเกม
โดยอางองผสมผสานกบบางสวนของวรรณคด
Game Overview เกมนจะแตกตางจากการเลนในแนว First Person Shooters เลกนอยเพราะแทนทจะเปนการยง
คตอสอยางเดยวเพอใหผานในแตละระดบ ในเกมนจะเปนการเลนเพอคนหาของมคาทเปนอาวธวเศษทถก
ผรายชงไป และตองทำในเวลาทจำกด เพอนำอาวธตางๆ มารวมกนเปนสดยอดอาวธเวทยมนตในแตละระดบ
ผเลนจะมเวลากำหนดเปนวนในการเลนแตละครงจะไมเหมอนกนขนกบความสำเรจในการชวงชงของสำคญ
ศกดสทธคนมาเพอเปนอาวธมหาเวทยในระดบตอๆ ไป
ลกษณะ (Features) ลกษณะทวไป (General Features) - In-door สสานเขาวงกต
- Out-door พนททองนาขนาดใหญ พนทปาขนาดใหญ พนทสนามรบโบราณขนาดใหญ
- คตอสมากมายหลายชนดดดแปลงจากชนดของผพนบานภาคตางๆ ของไทย
- การแสดงผลเปนแบบ 3D graphics และ 32-bit color
- เรมมการใช Normal Mapping เพอสรางตวละคร Low Polygon ทมรายละเอยดสง
39 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
โลกของเกม (The Game World) Overview เมองสพรรณบร ในอดต เปนดนแดนเพาะปลกทสำคญ เปนชายแดนและกนชนกบประเทศเพอนบาน
ทมประวตการตอสผลดกนแพ ผลดกนชนะมาอยางยาวนาน ประเทศเพอนบานนไดสงขนศกมอดมวชาอาคม
นามตองย มาทำการสรบหมายยดครองดนแดนสพรรณบรเพอใชเปนพนทสะสมเสบยงและกำลงพลเพอเขาต
กรงศรอยธยาทเปนเมองหลวงในยคนน ตองยไดสงสมนพรายฝมอด 5 ตนมาทำการขโมยของสำคญศกดสทธไป
5 ชนนำไปเกบรกษาไวรอการยกทพมาของตองยเพอนำของสำคญศกดสทธ 5 ชนมาประกอบเปนสดยอดอาวธ
เวทย พรายทง 5 ตนสามารถทำงานสำเรจและรอเวลาทตองยจะยกทพหลวงมาเพอยดครองสพรรณบร
เจาพรายแกวลกของขนศรเจาผครองเมองสพรรณบร เปนหนมผมวชาทไดรำเรยนมาจากผพอ
ซงจดกำลงพลรกษาเมองเพอคอยรบกบทพของตองย ขนอาสาเปนผไปแยงชงเอาของสำคญศกดสทธทง 5 ชน
ทถกขโมยไปกลบคน กอนททบหลวงของตองยจะมาทนไดของสำคญศกดสทธไป
สถานทสำคญ (Key Locations) ในเกมจะมสนามรบสำคญอย 6 แหง 5 แหงแรกจะแยกตามพรายทง 5 ของตองย
- สนามรบพรายตนแรก เปน สสานแบบไทยๆ และทสสานฝรงเปนเขาวงกตอยดานลาง
- สนามรบพรายตนทสอง เปนทองทงนาทงกวาง
- สนามรบพรายตนทสาม เปนลมนำลำธารทมหมอกปกคลมตลอด
- สนามรบพรายตนทส เปนปาเขารกทบใกลชายแดน
- สนามรบพรายตนทหา เปนพนทรวมทงสแบบเขาดวยกนแตลงรายละเอยดใหม
- สนามรบตองย เปนพนทสนามรบโบราณทคสงครามทำการรบมานบรอยป
วตถประสงค (Objects) - ใชอาวธและอาคมปราบพรายทงหาและสมนทเปนผไทยแบบตางๆ เพอชงของสำคญศกดสทธ
ทถกขโมยไปกลบคนในเวลาทกำหนดในแตละระดบ
- ของสำคญศกดสทธแตละอนทไดคนจะเพมความสามารถของอาวธและเวทยมนต
- ถาไมสามารถแยงคนมาไดของสำคญศกดสทธนนจะไปเพมพลงอำนาจแกศตรแทน ตามเวลาท
จำกดเนองจากทบหลวงกกำลงเดนทพใกลเขามาและจะรบของสำคญศกดสทธทแยงคนไมสำเรจไป
- เสาะหาอาวธเพมเตม หรอแลกเปลยน
- เสาะหาวชาอาคมเพมเตม เพอใชควบคมของสำคญศกดสทธทจะไดมาการไดของสำคญศกดสทธ
คนมาแตไมมวชาอาคมบงคบกจะไมสามารถใชประโยชนของสำคญศกดสทธนนไดอยางมประสทธภาพสงสด
40
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
งาน Graphics งาน Rendering และ 3D Engine งาน Rendering จะเปนแบบ 3D Low polygon model มการใช Texture Mapping
แบบ Normal Mapping ในตวเอกผรายบางตวเพอความสมจรง สวยงาม และแตกตางจากเกมอนๆ
การมองจะเปนการมองภาพแบบ FPS แตผเลนสามารถสวตซใหมการแสดงตวละครเอกแบบเตมตวหนาจอ
แตการมองจะเปนการมองจากดานหลงและมมมมองดานหนาแบบ FPS perspective ปกตของเกม
เกมจะใช Engine A6 และการทำงานบน Direct X 9.0
ตวละคร (Game Characters) ตวเอก (Main Character) มพรายแกวเปนตวเอก หรอตวละครหลกเพยงตวเดยวในเกม มโมเดล Low Polygon เปนเตมตว
สำหรบมมมองอกแบบจากทางดานหลง
ผราย/ศตร (Enemies) จะมศตรตวเอก คอ ตองย เปนโมเดล Low Polygon แบบ Normal Mapping พรายทง 5 ของตองย
Low Polygon แบบ Normal Mapping
ลกสมนของศตร คอ ผปา ผเปรต ผกองกอย ผปอบ ผทหาร ผดบ ผกระสอ ผสมนสวนใหญเปน
ผไทยทถกเวทยมนตของพวกพรายสะกดเอามาใชงาน (ในเวอรชนหนาอาจจะมผฝรงเชนผหมาปา ผดดเลอด
เปนแขกรบเชญ เนองจากในสมยนนเรมมเรอและการตดตอกบทางยโรปแลว)
อาวธ (Weapons) ชนดของอาวธ (Types) จะมอาวธมากมายหลายชนดสำหรบทงสองฝาย แบงเปนอาวธธรรมดา อาวธสกบภตปศาจ เวทยมนต
และของสำคญศกดสทธทงหาทเปนทงอาวธและพระเวทยทถกขโมยไป
อาวธธรรมดา (ทจบตองและใชได) อาวธสกบภตผปศาจ (ทจดตองและใชได)
• มด
• กระบ(ดาบเดยว)
• ดาบสองมอ
• หอก
• แหลน
• โล
• ธนธรรมดา, ไฟ
• มดหมอรตตกาล
• ใบหนาด
• ขาวสารเสก
• สายสญจน
• นำมนต
41 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
ของสำคญศกดสทธทงหาคอ
• ดาบฟาฟน
• ดาบคสรยาและจนทรา
• หอกวายสตเวทย
• ไฟสรยน
• นำเสกวารพฆาต
เวทยมนต (ทจบตองไมได)
• คาถากำบงตน
• คาถากำกบใบหนาด
• คาถากำกบขาวสารเสก
• คาถากำกบสายสญจน
• คาถากำกบนำมนต
• คาถากำกบมดหมอรตตกาล
• คาถากำกบดาบฟาฟน
• คาถากำกบดาบคสรยา
• คาถากำกบดาบคจนทรา
• คาถากำกบหอกวายสตเวทย
• คาถากำกบไฟสรยน
• คาถากำกบนำเสกวารพฆาต
อาวธธรรมดาแตละชนดจะมรศมการใชงานทตางกน คอ
• มดใชประชดตว
• ดาบเดยวใชรศมไกลออกไปรอบตวแตสดาบคไมได
• ดาบครศมไกลออกไปรอบตว
• หอกรศมไกลออกไปรอบตวไกลกวาดาบค
• แหลนมไวพงรศมทำการไกลกวาหอก
• ธนมรศมทำการไกลกวาแหลน
• โลมไวปองกนอาวธ แตกนเวทยมนตไมไดถาไมมคาถากำกบ
อาวธสกบภตผปศาจ ใบหนาด ขาวสารเสก สายสญจน นำมนต มดหมอ มไวสกบเหลาภตผปศาจ
โดยตองมคาถากำกบ โดยมฤทธตางกนคอ
• ใบหนาด พรอมคาถา มไวปองกนผปศาจไมใหเขามาใกลตว
• สายสญจน พรอมคาถา มไวปองกนผปศาจไมใหเขามาใกลตว ถาถกตวจะถกทำลาย
• ขาวสารเสก พรอมคาถา มไวทำลายผปศาจในระยะปาขาวสารถง ถาถกตวจะถกทำลาย
• นำมนต พรอมคาถา มไวทำลายผปศาจในระยะสาดนำถง ถาถกตวจะถกทำลาย
42
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
• มดหมอ พรอมคาถา มไวทำลายผปศาจในระยะประชดตว เปนอาวธ ใชกบผปศาจระดบ 1 ถง
ระดบ 3 ระดบหวหนาจะใชไมไดผลมากนกแตสามารถทอนกำลงของศตรลงไดบางบางสวน
เพลงประกอบ และเสยงประกอบ (Musical and Sound Effects) ดนตรประกอบเกม (Music)
จะใชดนตรประกอบใน Format-MIDI โดยใชโปรแกรม ACIDสราง
เสยงประกอบและเสยงเทคนคพเศษประกอบเกม (Sound Effects)
เสยงประกอบจะใชใน Format-WAVไดจากการอดเสยงจรงในสตดโอ และนำมาตบแตงเสยงทงเสยง
ประกอบธรรมดา และเสยงเทคนคพเศษดวย โปรแกรม Cool Edit Pro
มเสยงเทคนคพเศษทตองสรางมากมายเพราะเปนเสยงทไมมอยจรงในธรรมชาต เชนเสยงผตางๆ
เสยงเอฟเฟคของเวทยมนตทใช เสยงการทำลายของอาวธและเวทยมนตตางๆ
Appendix A เปนทรวมอยางเปนหมวดหมของภาพรางกายออกแบบของเกม (Draft De-sign Papers) ตงแตเรมตน
จดแยกเปนหมวดหม 1st Edition
• World Design
• Character Design
• Weapon Design
• Level Design
• Artwork
User Interface เปนทแสดงภาพรางและภาพรายละเอยดของหนาจอทจะโตตอบกบผเลน (User Interface) โดยจะม
• The Shell Menu เมนเรมตนกอนเขาสเกม
• In-game Menu โดยจะม Asset Collection Menu การเกบและเรยนรคณสมบต การใชอาวธ
และเวทยมนตตางๆ
• On screen Menu ระหวางการเลน
โปรแกรมสราง Character Texturing, Rendering และAnimation เกมนจะใชโปรแกรม 3ds max เวอรชน 8 รองรบการทำงานของ Direct X 9.0 เปนโปรแกรมสราง
Low Polygon Model ของตวละครและเปนตวทำ Normal Mapping ใหกบตวละครเอกตางๆ ใหเหน
รายละเอยดของตวละครเพอความเสมอนจรงในเกม
หนวยท 5
ปจจบนงานดานแอนเมชน (Animation) และมลตมเดย (Multimedia) ไดรบความนยมอยางแพรหลาย
มการสงเสรมใหเรยนรและนำมาเปนงานอาชพในหลากหลายรปแบบและหลากหลายสาขา มความเกยวของ
กบเนอหาวชาเกอบทกวชา โดยเฉพาะอยางยงการไดรบการสงเสรมจากรฐบาลทผานมา ความสำเรจทงการนำ
เสนอและการประชาสมพนธดานแอนเมชนและมลตมเดย กระตนใหเกดการเรยนการสอนในทกมหาวทยาลย
เกดการสรางงานในสาขาตางๆ ทเกยวของทงดาน Animation, Presentation, Films, Effects, Internet
Multimedia, Educational Multimedia และดาน Games
งานดานเกมเปนสงใหม แตสวนใหญมกเปนผเลนมากกวา ในดานการสรางเพอการเรยนการสอน
ยงไมเปนทแพรหลายนก เนองจากเกมมกเปนขาวตอสาธารณชนในทางดานลบ จงทำใหเมอพดถงเกม มกจะ
เรมดวยความคดทเปนอคต เกมแมจะมดานทไมดแตกยงมดานดททาทายความสามารถ คอเกมทเลนกนอย
ทกวนน
การสรางเกมยคแรกๆ ตองเกงทางดานการเขยนโปรแกรม ผทจะสรางเกมตองเปนโปรแกรมเมอร
ปจจบนวทยาการดานคอมพวเตอรทงดานฮารดแวรและซอฟตแวรเปลยนไป ทำใหผทไมเปนโปรแกรมเมอรก
สามารถสรางสรรคผลงานเกมไดโดยใชเกมเอนจน (Game Engines) หรอเครองมอชวยในการสราง
แตถาตองการเอนจนในการสรางเกมทแตกตางออกไป ตองใชความสามารถทางดานการเขยนโปรแกรมเขามาชวย
ในการสรางเกมเกมหนงจะตองมบคลากรดานตางๆ หลายดาน ทงนเพราะการสรางเกมจะตองมความรพนฐาน
เกยวกบเกมทจะสราง เชน ความรทวไปเกยวกบเกม ภาพ เสยง องคประกอบของเกม และเรองของการใช
เกมเอนจน ในการสรางเกมจะตองเตรยมเรองราว ภาพประกอบ ตวละคร เสยงประกอบ เพลงประกอบ
เพอนำมาใชในการสรางเกมทตองการ
อปกรณคอมพวเตอร และเครองมอสำหรบการสรางและเลนเกม
44
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
แนะนำสการพฒนาเกม เกมคอมพวเตอร มผสนใจและเลนจำนวนมาก คงมจำนวนไมนอยในกลมคนดงกลาว สนใจอยาก
ศกษาวาเกมคอมพวเตอรสรางอยางไร สำหรบการสรางเกมประกอบไปดวย 3 สวนทสำคญ คอ
1. ภาพกราฟกของตวละครและฉาก 2D หรอ 3D (ขนอยกบเกมวาจะสรางเปนเกม 2D หรอ 3D)
2. เสยงและเพลงประกอบ
3. เกมเอนจน ซงจะเปนตวทำใหฉากและตวละครมชวตชวา ตอบสนองกบผเลนตามแตชนดของเกม
แตการทจะไดมาซงภาพกราฟก เสยง/เพลง และเอนจนของเกมนน คงตองประกอบไปดวยบคคลหลายๆ คน
ซงมความสามารถแตกตางกน เชน คนออกแบบตวละคร คนออกแบบฉาก คนสรางภาพกราฟก (ตวละครและ
ฉาก) คนทำแอนเมชน (ตวละครและฉาก) คนเขยนโปรแกรมหรอโปรแกรมเมอร เปนตน
คอมพวเตอรตงโตะหรอพซคอมพวเตอร คอมพวเตอรโนตบค
ระบบและอปกรณคอมพวเตอรสำหรบการสรางและเลนเกม 1. ฮารดแวร (Hardware) ไดแกวสดอปกรณตางๆ ทเปนสวนประกอบของคอมพวเตอร ตลอดจน
วสดอปกรณเสรมอนๆ ทจำเปน มจำนวนหลายรายการ ไดแก
- CPU ควรมความเรวสงทสดเทาทมงบประมาณ ไมแนะนำใหพจารณารนเกาทกำลงจะตกรน
เพยงเพราะมราคาถก เนองจากตองใชเครองคอมพวเตอรนไปอกไมตำกวา 2-3 ป คอมพวเตอรจงตองสามารถ
ทจะรองรบโปรแกรมรนใหมๆ ในอนาคตได
ซพย
45 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
- RAM งานดานกราฟกตองการ RAM มากกวางานปกตทวไป การพจารณาซอ RAM จะคลาย
กบเรองของ CPU คอมากทสดเทาทงบประมาณจะเอออำนวย แตไมควรนอยกวามาตรฐานทโปรแกรม
กำหนดไว
RAM
- Graphic Card หรอการดจอ เปนสวนสำคญททำหนาท 3D Rendering แทน CPU คำนวณ
การทำงานดานตางๆ เชน การคำนวณทางดานวสดของวตถ (Texturing) การทำงานดานเทคนคพเศษ
(Special Effects) การคำนวณรปทรงสองมตและสามมตทางเรขาคณต (Geometry Calulation) เปนตน
นอกจากนนยงเปนตวชวยในการคำนวณของซพย ทำใหซพยลดโหลดการคำนวณลงอยางมาก ทำใหเครอง
คอมพวเตอรตอบสนองการทำงานไดรวดเรวขน คอมพวเตอรสำหรบเลนเกมและงานทางดานกราฟกแอนเมชน
ตองใชกราฟกการดทมประสทธภาพ การพจารณากราฟกการดตองพจารณาจำนวนแรม ในปจจบนกราฟก
การดตองรองรบการทำงาน Direct-X เวอรชนใหมๆ ดวย ซงจะทำใหโปรแกรมสรางงานแอนเมชน 3 มต
ทำการ Render แบบ Real-time สามารถดงานททำผานหนาจอไดทนท
การดจอ
46
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
อปกรณเสรมอนๆ
- Sound Card ปจจบน Sound Card หรอการดเสยงมทงแบบ Onboard และแบบแยกตางหาก
นอกจากนนยงมแบบ External มลกษณะเปนกลองวางนอกเครองคอมพวเตอร อาจตอเชอมโดยใชชอง USB
หรอชอง Firewire การดเสยงใชสำหรบทำงานกบโปรแกรมบนทกเสยง สรางเสยงประกอบเกม ใชตอลำโพง
ภายนอกเพอฟงและทดสอบเสยง ใชตอไมโครโฟนเพอบนทกเสยงพด การดเสยงสวนใหญจะม 3 ร สำหรบ
เสยบไมโครโฟน หฟงหรอลำโพง และ Line In
การดเสยงทใชกบโนตบค การดเสยงทใชกบคอมพวเตอรตงโตะ
การดเสยงชนดตดตงภายนอก
- DVD-RW เปนเครองอานและเขยนแผนดวด เพอการจดเกบขอมลไวในแผน มไวสำหรบตดตง
โปรแกรมจากแผนซด/ดวด สามารถเลอกใชไดทงแบบ Internal และแบบ External แตหากงานททำมแนวโนม
ทจะตองใชสอทเกบขอมลจำนวนมากอาจใชเครอง Blu-ray Disk (บลเรยดสก) หรอสอเกบขอมลอนๆ เชน
External Hard Disk กได
47 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
ดวดรอมชนดตดตงภายใน ดวดรอมชนดตดตงภายนอก
- จอคอมพวเตอร (Monitor) ควรเลอกใชจอ LCD ทงนเพอเปนการถนอมสายตาของผใช
ในการเลอก ควรดทความละเอยดของการแสดงผลของจอ (Resolution) โดยเลอกจอทมความละเอยดสง
และรองรบระบบภาพ 3 มตไดยงด
จอคอมพวเตอรชนด 3 มตและแวนตาดภาพ 3 มต
- ไมโครโฟนและหฟง (Microphone & Headphone) เปนอปกรณทตองมเพอใชสำหรบ
บนทกเสยงและฟงเสยงตางๆ ทใชประกอบเกม ทงไมโครโฟนและหฟงจะเสยบเขาทการดเสยงซงจะมทเสยบ
เฉพาะ ปกตจะมรปบงบอกชดเจน หรอจะสงเกตสกได โดยสแดงสำหรบเสยบไมโครโฟน สเขยวเสยบลำโพง
หรอหฟง สำหรบไมโครโฟนถามงบประมาณควรซอทมคณภาพอาจใชไมโครโฟนชนดทใชกบ USB Port
กไดซงสะดวกตอการใชงาน
หฟงชนดทมไมโครโฟน ไมโครโฟนทใชเชอมตอกบ USB
48
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
- โตะและเกาอ สำหรบการทำงานดานกราฟก/แอนเมชน เปนการทำงานทใชเวลา ใชความอดทน
และสมาธ ดงนนสงหนงทไมควรมองขามคอ โตะและเกาอทนงสบาย นงทำงานไดนานโดยไมรสกปวดเมอย
นอกจากนนควรมแสงไฟทเหมาะสม และสถานททำงานควรมอากาศถายเทไดดดวย
โตะคอมพวเตอร
- เครองสแกนเนอร (Scanner) เปนอปกรณททำหนาทคลายเครองถายเอกสาร แตจะทำสำเนา
จากกระดาษไปเปนขอมลคอมพวเตอร โดยทวไปจะใชสำหรบการสแกนภาพเพอนำไปใชงานในคอมพวเตอร
เครองสแกนเนอร (Scanner)
- กลองถายภาพดจตอล (Digital Camera) มความสำคญและจำเปนสำหรบการสรางงานหรอ
สรางเกม ทงนเพราะกลองดจตอลจะมความสะดวกในการใชงาน ถายและดผลไดทนท หากผลการถาย
ไมเหมาะสมยงสามารถถายซำได ในการเลอกใชกลองถายภาพดจตอลควรเนนทความสามารถในการไดภาพ
ทมความละเอยดสงและสสนเปนธรรมชาต
กลองถายภาพดจตอล
หนวยท 6
โปรแกรม SWiSH Max เปนโปรแกรมทใชสรางภาพเคลอนไหว สามารถสรางชนงานภาพเคลอนไหว
ของเทคโนโลย Flash โดยไมจำเปนจะตองใชฟงกชนของโปรแกรมทยงยาก เพยงแคใชเครองมอทโปรแกรม
SWiSH Max 3 มมาใหเทานน ทำใหใชงานไดงาย สามารถสรางและออกแบบการนำเสนอทซบซอนดวยตว
อกษร รปภาพ การวาดเขยน และเสยง ซงจะใชเวลาไมนาน กสามารถทจะนำเสนองานในรปแบบของไฟล
Shock wave Flash (.swf) สามารถนำไปใชในการสรางเวบเพจได และยงแปลงเปนไฟล avi
เพอใชในการตดตอภาพยนตรไดอกดวย
การเปดโปรแกรม SWiSH Max 1. คลกปม Start
2. เลอก Programs > SWiSH Max > SWiSH Max
แนะนำการใชโปรแกรม SWiSH Max
50
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
องคประกอบของโปรแกรม SWiSH Max
51 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
1. Main menu คำสงหลกทใชในการสงงานทวไป
■ เมน File
คำสง รายละเอยด
สรางไฟลใหม
เรยกไฟลทตองการใชงาน โดยมนามสกลเปน .swf
บนทกงานทตองการเกบไว และใช Save as เมอตองการบนทกเปนชอไฟลอน
Samples เปนการเปดแฟมตวอยางทโปรแกรม Swish Max มมาใหเพอใชในการศกษา
หรอดดแปลงไปใชงาน
Import ใชในการดงขอความ ภาพนง ภาพเคลอนไหว เสยง เขามาเพอใชงาน
export นำงานทสรางเสรจแลวนำออกไปใช โดยปกตมกใชเปน .swf แตสามารถแปลงเปน
.html, .avi, Gif Animation, .png ได
test ทดสอบงานทสราง กอนทจะ export งานไปใชจรง ซงสามารถ test แบบ play
ในโปรแกรม SWiSH Max หรอทดสอบผานทาง Browser กได
Close ปดงานทกำลงทำอย
Exit ออกจากโปรแกรม SWiSH Max
52
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
คำสง รายละเอยด
ยอนขนตอนทไดสรางในครงทแลว
ยกเลกการยอนขนตอน
ตดวตถทสรางขน
คดลอกวตถทสรางขน
วางวตถทตดหรอคดลอกไว
วางวตถในตำแหนงเดมทคดลอก
วางแบบพเศษ
ลบวตถทไมตองการ
เลอกทกวตถในพนทสรางงาน
ยกเลกการเลอกทกวตถในพนทสรางงาน
คนหา
แสดงคณสมบตของวตถทเลอก
■ เมน Edit
53 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
คำสง รายละเอยด
ตรวจสอบวาขณะแสดงผลในพนทสรางงานกำลงอยในตำแหนง Frame ใด
Toolbar เปนกลมของเมนยอยทมเมนยอยซอนอกชนหนง สำหรบเลอกใหแสดง Tool
ตามตองการ
Status bar แสดงหรอซอน แถบแสดงสถานะ
ซมภาพ คลายมองในระยะใกล
ซมภาพ คลายมองในระยะไกลออกไป
แสดงขนาดของเนอทสรางงานเทากบของจรง
แสดงเนอทสรางงานเตมพนทใน Lay out
แสดงขนาดของ Object เตมขนาดทสามารถมองเหนไดใน Lay out
แสดงไมบรรทด เพออำนวยความสะดวกในการกำหนดระยะ
แสดงเสน Grid ใชเพอสะดวกในการมองเพอวางตำแหนงของวตถเทานน
ไมแสดงผลในผลงานท export ออกไป
ใหวตถวงเขาหาเสน grid เมอนำวตถวางใกล สะดวกในการจดวางวตถทตองการ
ใหระดบแนวตงหรอแนวดงตรงกน
Show all image แสดงวตถทงหมด
Smooth Edges and ทำใหขอบวตถเชน อกษร หรอภาพคมชดไมเกดรอยหก
Images
■ เมน View
54
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
คำสง รายละเอยด
แทรก Scene
แทรก ปม
แทรกวตถซงเปนภาพเคลอนไหว โดยเมอคลกทนจะสรางงานใหมซงเปนสวนยอย
ในเนองานเดม ม Time Line เปนของตวเอง
แทรกสอภายนอกประเภท Movie Clip ซงสามารถใชการโหลดและเลนจากแฟม
ภายนอก
แทรกวตถ สญลกษณจาก Library
แทรกเสยง
แทรก Video
แทรกภาพรองรบไฟล Bitmap (*.bmp; *.dib), GIF (*.gif) JPEG (*.jpg) และ
PNG (*.png)
แทรกภาพเคลอนไหวประเภท gif animation ได โดยเมอสงแทรกจะมหนาตาง
Import Frames ขนมาใหเลอก คลกตอท Import จะทำใหเกดวตถใหมขนมา
ตามทเลอก
การนำเขาภาพกราฟกแบบเวคเตอร
แทรกขอความ ซงสามารถปรบแตงคณสมบตตางๆ ของขอความไดท Properties
เพมเอฟเฟคใหกบวตถ
script แทรก script ตางๆ เชน การทำ link การเลอนไปทเฟรมกอนหนาเปนตน
■ เมน Insert
55 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
คำสง รายละเอยด
เพม Frame ทำใหการแสดงผลของ Effect ยาวนานขน
ลบเฟรม
Sprite แทรกวตถซงเปนภาพเคลอนไหว โดยเมอคลกทนจะเกดเนอทสรางงานใหมซงเปน
สวนยอยภายในเนองานเดม ซงจะม Time line เปนของตวเอง
Content แทรกวตถอนๆ เชนเสยง ภาพนง ภาพเคลอนไหว
Instance แทรกภาพเคลอนไหว ซง Clone มาจาก Sprite
Grouping มเมนยอย เชน Group เพอรวมวตถใหเปนกลมเดยว หรอ Ungroup เพอแยก
วตถทเคยรวมกน เปน Object ยอย หรออาจรวมกลมเปนภาพเคลอนไหว
โดยเลอก Group as Sprite หรอรวมกลมแบบ shape
Convert เปลยน Object นนเปนรปแบบอนๆ เชน เปนปม (button) เปนภาพเคลอนไหว
(Sprite) หรอเปนรปทรง (Shape)
Order เรยง Object ใหอยดานลางหรอดานบนในเนอทสรางงาน (Object ทอยบน
สามารถบงวตถทอยลาง) โดยมเมนยอยสงงานคอ Bring to Front เพอให
วตถนนขนมาอยชน (Layer) บนสด Send to back เพอสงวตถลงอยใน
ชนลางสด Bring forward คลกเพอสงวตถใหเลอนขนมา 1 ระดบ คลก
เพอสงวตถใหเลอนลงไป 1 ระดบ
Transform หมนหรอพลกวตถ
56
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
คำสง รายละเอยด
Align ประกอบดวยเมนยอยทสามารถเปลยนตำแหนงอางองของวตถไปยง จด Handle
ตางๆ ได
Justification ใชเพอจดบรรทดของขอความแบบตางๆ เชน ชดซาย (Align Left)
จดกงกลาง (Center) ชดขวา (Align Right ) หรอเตมบรรทด (Full)
Appearance ใชเพอจดทศทางของขอความเปนแนวตางๆ เชน แนวดง และในทศทางตางๆ
คำสง รายละเอยด
แสดงภาพเคลอนไหวทง File โดยจะเรมจาก Scene แรก และดำเนนตอไปเรอยๆ
ตามทไดสงงานไวในโปรแกรม
ทดสอบการแสดงผลของงานใน Scene
ทดสอบการแสดงผลของ Effect
ดการแสดงผลใน Frame
หยดการแสดงผลของภาพเคลอนไหว
แสดงผลของ Frame ตอไป
ยอนกลบไปดการแสดงผลของ Frame กอนหนา 1 Frame
ด Frame สดทายของ Scene
ด Frame แรกสดของ Scene
■ เมน Control
57 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
คำสง รายละเอยด
เลอนวตถทเลอกอยขนไป 1 ชน
เลอนวตถทเลอกอยลงไป 1 ชน
เลอนวตถทเลอกอยใหไปอยชนหนาสด
เลอนวตถทเลอกอยใหไปอยลางสด
2. Standard Toolbar แถบเครองมอลดทใชควบคมคำสงทวไป
คำสง รายละเอยด
เพมฉาก (Scene)
แทรกปม
แทรกภาพเคลอนไหว
3. Insert Toolbar แถบเครองมอลดทใชในการเรยกคำสงแทรก
คำสง รายละเอยด
หยดการเลนไฟล
เลนไฟลทงหมด (ทกฉาก)
เลนไฟลเฉพาะฉากทเลอก
เลนเฉพาะลกเลนทสรางขน
4. Control Toolbar แถบเครองมอทใชในการควบคมการแสดงผลของชนงาน
58
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
5. Timeline Panel แถบแสดงเวลาซงจะมลกษณะเปนแถบสเหลยมผนผายาว แบงเปนชองเลกๆ
หลายอนซงเรยกวา Frame โดยจะเปนตวบงบอกถงการกระทำในแตละเวลา อกทงยงมปมทใชในการเพม
ลกเลนอกดวย
6. Outline Panel บรเวณซงแสดงโครงรางอนดบชนของวตถทสรางขนในไฟลภาพยนตรโดยม
ลกษณะเปนชนทซอนทบกนตามลำดบกอนหลงซงวตถทอยชนสงกวาจะอยขางหนาของวตถทอยในชนตำกวา
ภายใน Scene เดยวกน
7. Layout Panel บรเวณแสดงผลของชนงานไฟลภาพยนตรททำซงแกไขและสรางชนงานในบรเวณ
นได และยงม Toolbox หรอกลองเครองมอทใชสำหรบเครองมอพนฐานทวไป ซงรายละเอยดเครองมอตางๆ
ใน Toolbox มดงน
คำสง รายละเอยด
เลอกวตถ
เปลยนแปลงรปทรง
สรางเสนทางการเคลอนท
เขยนเสนตรง
เขยนเสนเองตามทตองการ
เขยนเสนโคง
วาดรปสเหลยม
วาดรปวงกลม
วาดรปตางๆ ตามแบบทกำหนด
ยอหรอขยายขนาดจอ
เลอนภาพ
59 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การใชงาน SWiSH Max 3 เบองตน ในบทนจะเรมกลาวถงการใชงาน SWiSH Max 3 โดยจะสรางชนงานใหม บรเวณ Layout Panel
■ สรางชนงานใหม
การสรางชนงานใหม ทำได 2 วธ คอ
1. คลกทเมน File > New
2. คลกทปมรป ท Toolbar
เมอสรางชนงานใหมไดแลว สามารถปรบแตง
คณสมบตตางๆ ของชนงานไดทหนาตาง Movie
ทดานขาง ดงน
60
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
■ การแทรกฉาก(Scene)ใหมลงในชนงาน
การแทรกฉากใหมในชนงาน มวธการดงน
1. คลกทเมน Insert > Scene หรอ คลกทปมรป ดงภาพ
2. ท Outline Panel จะม Scene เพมขน
61 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
■ การแทรกขอความลงในชนงาน
การแทรกขอความลงในชนงาน มวธการดงนท Layout panel คลกทปมรปตว ดงภาพ
พมพขอความทตองการ โดยสามารถปรบรปแบบ ขนาดและส ของตวอกษรไดท Properties
ดานขวาถาตองการลบหรอแกไขขอความ ทำไดโดยคลกทชองพมพขอความ แลวทำการแกไข
■ การแทรกรปภาพลงในชนงาน
การแทรกรปภาพลงในชนงาน มวธการดงน
1. คลกทเมน Insert > Import Image
62
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
2. เลอกภาพทตองการแลวคลก Open
3. สามารถปรบแตงคณสมบตตางๆ ของภาพไดทหนาตาง Properties ดานขาง ดงรป
63 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
■ การวาดเสนและวาดรปลงในชนงาน
การวาดเสนลงในชนงานนน สามารถทำไดโดยใชเครองมอ ซงจะใชในการวาดเสนตรง หรอ
ใชเครองมอ ในการวาดเสนโคงไปมาตามใจชอบเหมอนดนสอ สำหรบวธการใชงานนน ทำในลกษณะ
เดยวกน คอ
1. เลอกเครองมอ จาก ToolBox ดานซายมอ
2. คลกคางไวบรเวณชนงานแลวลากจนไดเสนหรอรปรางทตองการ
สวนการวาดรปลงในชนงาน มวธการดงน
1. เลอกเครองมอเปนรปทตองการวาด จาก ToolBox ดานซายมอ (สำหรบเครองมอ Auto
Shapes ทเปนรปสเหลยมขอบมน ใหคลกคางไว จะมรปรางตางๆ ใหเลอก)
2. คลกคางไวบรเวณชนงานแลวลากจนไดขนาดทตองการ
3. ปรบแตงคณสมบตของวตถทวาดขนมาไดทหนาตาง Properties ดานขวา
64
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
■ การจดลำดบของวตถ
เมอเราสรางวตถหลายๆ ชน จำเปนจะตองมการจดลำดบในการวาง เพอกำหนดวาเมอวตถ
ซอนทบกน วตถชนใดจะวางอยดานบน ดงตวอยาง
รปวงกลมอยบน รปวงกลมอยลาง
การจดลำดบของวตถนน ทำไดโดย
1. คลกทวตถทตองการจดลำดบ
2. คลกทปมลกศร ขน ลง บรเวณ Outline panel เพอจดลำดบ
65 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
■ การทำใหวตถเคลอนทโดยใช Motion Path
การใชโปรแกรม SWiSH Max 3 ทำใหวตถเคลอนททำไดอยางงายดาย โดยใชเครองมอ Motion
Path มวธการดงน
1. สรางวตถทตองการใหเคลอนท จากนนคลกทวตถนน แลวเลอกเครองมอ Motion Path
จาก Toolbox เครองหมายแสดง mouse จะเปลยนเปนรปเครองหมาย +
2. คลกขางทบรเวณกงกลางวตถ แลวทำการลากเสน เพอใหเปนแนวของการเคลอนทของวตถ
ดงภาพ
3. ทดสอบผลทไดโดยคลกทปมท บน Tool Bar
66
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
■ การบนทกชนงานทสรางขน
การบนทกชนงานทสรางขน ทำไดโดย
1. คลกทปม File > Save
2. ตงชอไฟลตามตองการแลวคลกทปม Save
■ การ Export ชนงานทสรางขนไปใช
โปรแกรม SWiSH Max 3 สามารถ Export ไฟลจาก .swi (นามสกลของโปรแกรม SWiSH Max 3)
ไปเปน .swf, .html, .exe, .avi, Gif animation และ .png ได โดยมวธการดงน
1. เลอกเมน File > Export
2. เลอกชนดของไฟลทตองการเปลยน
3. โปรแกรมจะขนหนาตาง ใหตงชอไฟลตามตองการแลวคลกทปม Save
หนวยท 7
การสรางแบบทดสอบเพอทำเปนแบบทดสอบกอนเรยน แบบทดสอบหลงเรยน หรอกจกรรมตางๆ
ทใชประกอบในสอประเภทคอมพวเตอรชวยสอน ในกรณนใชโปรแกรม SwishMax3 เปนตวสราง มคณสมบต
ทขอสอบทงหมด ในทนมขอสอบจำนวน 5 ขอ จะถกสมหรอสลบขนมาแสดงทละขอ เชน ทกครงทมการเรมทำ
แบบทดสอบใหม ขอสอบจะแสดงขอทง 5 ขอทอาจจะไมเหมอนกบการเปดขอสอบครงทผานมาได
การสรางแบบทดสอบแบบสม มขนตอนดงน 1. เปดโปรแกรม SwishMax3 กำหนดขนาดใหกบ Movie
2. คลกขวาบนพนทการทำงาน เลอกคำสง Properties แลวกำหนดคาตามตองการ
2.1 ความกวาง 800 Pixels และความสง 600 Pixels
2.2 เสรจแลวกดปม OK
ขนตอนการสรางแบบทดสอบแบบสม (Random)
68
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
3. ขนตอนการแกไขชอ Scene
3.1 ท Outline ในสวนของ Scene_1 ใหคลกท Scene_1
3.2 เลอนเมาสไปทดานบนในสวนของ Properties แกไขใหมเปน Start
3.3 สดทายกดปม Enter
4. ขนตอนการใส Code คำสงโปรแกรม เพอใหโหลดคาตางๆ เมอ Scene เรมทำงาน มวธการดงน
4.1 ใหคลกท Scene ชอวา Start ใส Code คำสงโปรแกรม
4.2 คลกเมาสทแทบ Script ในสวนของ พาเนล Layout: Start
69 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
4.3 คลกทปม Drop Down List ของปมคำสง Add Script
4.4 เลอกคำสง Events แลวเลอกคำสง Frame
4.4.1 สดทายคลกทคำสง onSelfEvent (load)
4.4.2 ใหกดปม Enter สองครง
70
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
4.4.3 จากนนพมพ Code ของโปรแกรม ดงน
4.4.4 score=0;
4.4.5 scn1=scn2=scn3=scn4=scn5=0;
5. ขนตอนการสราง Scene ใหมอก โดยทำดงน
5.1 ทแทบ Outline คลกทปม Drop Down List ในสวนของปมคำสง Insert
5.2 เลอกคำสง Scene
5.3 จากนนทำการเปลยนชอใหมเปน random_scn
71 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
6. ขนตอนการแทรกขอความลงบนพนทการทำงาน
6.1 ท Layout: random_scn ในสวนของพาเนล Tools
6.2 คลกเลอกคำสง Text Tool (T)
6.3 นำเมาสไปคลกบนพนททำงาน แลวพมพขอความตามตองการ
72
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
6.4 ไปทแทบ Properties ทำการปรบเปลยนรปแบบของขอความตามตองการ
6.5 ไปท Timeline คลกขวาทเฟรมท 1 ของขอความแรก เพอใส Effect ในการแสดงผล
6.5.1 โดยคลกเลอกคำสง Fade แลวคลกคำสง Fade In
73 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
6.6 ปรบชวงการแสดงผลใหนอยลง โดยคลกท Effect
6.7 ปรบคาตวเลขใหนอยลงตามตองการ ทแทบ Effect
6.8 ตอไปใส Effect อกครงในทำนองเดยวกน
74
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
7. ขนตอนการทำ ขอความ (Loading…) ใหเปน Movie Clip ดงน
7.1 คลกขวาท ขอความ (Loading…) เดม
7.2 เลอกคำสง Convert
7.3 สดทายคลกคำสง Convert to Movie Clip
7.4 ทหนาตาง Swish Max ใหกดปม Yes
75 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
7.5 จะได Movie Clip ซงมขอความ Loading… ปรากฏอยภายใน ถาตองการยอสวนประกอบ
ในแตละ Scene ใหคลกทเครองหมาย + หรอเครองหมาย – หนาชอ จะเปนการขยาย หรอยอลงตามลำดบ
8. ขนตอน การเขยนคำสงใหกบ Scene ทชอ random_scn เพอใหขอสอบทำการสม ดงน
8.1 คลกท random_scn
8.2 ทแทบ Script คลกคำสง Add Script แลวเลอกคำสง onSelfEvent (enterFrame)
8.3 จากนนพมพ Code โปรแกรม ดงน
76
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
8.4 สดทาย เพมคำสงอกคำสงหนงคอ คำสง onFrame ตามภาพ
9. ขนตอนการสรางขอคำถาม และตวเลอก มวธทำดงน
9.1 เพม Scene เปลาหนง Scene แลวเปลยนชอเปน Scene_1
9.2 ท Script ของ Scene_1 ทำการใส Code ดงน
- คลกทปม Drop Down List ในสวนของ Add Script
- เลอกคำสง Event
- คลกเลอกคำสง Frame และคลกคำสง onFrame
- จากนนพมพคำสงตอไปน
- id.text=scnall+1;
- stop();
- }
77 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
10. ขนตอนการใสคำถาม และตวเลอก ใหกบขอสอบ มวธดงน
10.1 ขยาย Scene_1 โดยคลกทเครองหมาย + หนาชอของ Scene_1 ทแทบ Outline
10.1.1 ทำการเพมขอความ แลวปรบขนาด และจดวางใหเหมาะสมสวยงาม โดย
- คลกท Text Tool (T) ของพาเนลดานซาย แลวคลกบนพนททำงาน
- เปลยนชอ กำหนดขนาดใหเหมาะทจะเอาไวใส ตวเลขหนาขอคำถาม และ
จดวางตำแหนงตามตองการ
- จากนนเพมขอความทเปน คำถาม โดยคลกท Text Tool (T) แลวคลก
บนพนททำงาน
- เพมขอความทเปน ตวเลอกท 1, ท 2, ท 3, และท 4
78
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
10.2 ขนตอนการสรางปม เพอแสดงหวขอหนาตวเลอก
10.2.1 ทำการเพมรปภาพ หรอวตถ และตวอกษร
- คลกท Ell ipse Tool (E) แลวนำไปวาดวตถรปวงกลม ตามขนาด
ทตองการบนพนททำงาน ใสสใหกบวงกลม และจดวางไวหนาตวเลอก
- คลกเพมขอความตว A หรอตว ก แลวนำไปวางไวในวงกลมทสรางขน
- ตอไปคลกเลอกวตถ วงกลม และอกษรตว A หรอตว ก แลวคลกขวา
เลอกคำสง Grouping แลวคลกคำสง Group as Button จะไดปมหนาตวเลอกขอ A หรอขอ ก
10.2.2 การสรางปมใหมสถานะตางๆ เพอเปลยนแปลงปมเมอคลก
- โดยคลกทปมตว A หรอตว ก ทำการปรบเปลยนสถานะ
- คลกเลอก Has separate over state
79 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
- จากนนคลกเครองหมาย + หนาปม A หรอตว ก เพอขยายปม
80
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
10.2.3 ขนตอนการใสคำสงใหกบปม
- คลกทปม A หรอตว ก
11. เพมขอความ
หนวยท 8
การบนทกเสยงในปจจบนมความงาย และสะดวกมากเพยงมเครองคอมพวเตอร ไมโครโฟนและ
ลำโพงหรอหฟง กสามารถบนทกเสยงทมคณภาพดพอทจะนำไปใชประกอบสอตางๆ ไดแลว สำหรบการเรมตน
ในการบนทกเสยงดวยคอมพวเตอร จะตองมความรในการปรบตงคาพนฐานใหกบคอมพวเตอรทเกยวกบเสยง
และการใชโปรแกรมทจะใชในการบนทกเสยง
หลกในการบนทกเสยงดวยคอมพวเตอร กอนทจะทำการปรบตงคาพนฐานทเกยวกบเสยงในคอมพวเตอร ควรทำความเขาใจในหลกการ
ทำงานของคอมพวเตอรในการบนทกเสยง ซงจะทำใหการปรบคาตางๆ ไดเหมาะสมและแกปญหาไดตรงกบ
สาเหตทเกดมากขน
การบนทกเสยงดวยคอมพวเตอร
82
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
จากภาพจะมสวนทสำคญของการปรบหรอการกำหนดคาทสำคญอย 2 สวน คอ
1. แผงควบคมสญญาณออก (Output หรอ Playback)
เปนการควบคมระดบสญญาณของไมโครโฟนวาจะใหมความดงมากนอย
เพยงใด กอนทจะเขาสระบบขยายสญญาณและออกไปยงลำโพงตอไป
ในการบนทกเสยงกบคอมพวเตอร ควรปดสญญาณไมโครโฟนในสวนน
เพอปองกนเสยงยอนกลบ (Feedback) หรอทเรยกกนทวไปวา “ไมหอน”
2. แผงควบคมสญญาณเขา (Input หรอ Recording) เปน
สวนควบคมระดบสญญาณของไมโครโฟนวาจะใหมความดงมากนอย
เพยงใด ในสวนนโปรแกรมบนทกเสยงสวนใหญสามารถควบคมได
โดยตรง สวนวธการจะขนอยกบโปรแกรมนนๆ
เสยงเมอบนทกเกบในเครองคอมพวเตอรแลว หากเปดฟง
สญญาณจะไมออกทางชองไมโครโฟนแลว แตจะออกทางชอง Speakers (Windows 7) หรอชอง Wave
(Windows XP) ซงแผงควบคมจะเปนชดเดยวกนกบการควบคมสญญาณไมโครโฟนออกทางลำโพง
ตวอยางการปรบสภาพเครองคอมพวเตอรเพอการบนทกเสยง ในการปรบสภาพเครองคอมพวเตอรในแตละเครองเพอการบนทกเสยง มหลกการเดยวกน
แตจะแตกตางกนบางเลกนอยในรายละเอยด ทงนเพราะเครองคอมพวเตอรแตละรนแตละยหอ มความ
แตกตางกนในเรองของการดเสยงทตดมากบคอมพวเตอร หรอแมแตคอมพวเตอรจะเปนยหอเดยวกนและรน
เดยวกนกตาม หากใชระบบปฏบตทการแตกตางกน วธการปรบสภาพเครองเพอการบนทกเสยง กจะ
แตกตางกนไปดวย
จะยกตวอยางในการปรบสภาพเครองคอมพวเตอรเพอการบนทกเสยงดวยเครองคอมพวเตอร
จาก 2 ยหอและ 2 ระบบปฏบตการ ดงน
เครองคอมพวเตอร แผงควบคมสญญาณออก
โปรแกรมบนทกเสยง
แผงควบคมสญญาณเขา
ฮารดดสก
83 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
1. การปรบสภาพเครองคอมพวเตอรโนตบคยหอ Acer รน Aspire 4720Z ทใชระบบปฏบตการ
Windows XP
1. ดบเบลคลกทไอคอนรปลำโพงตรงแถบงาน
2. คลกท Option
3. คลกท Properties
4. คลกท Dropdown Menu
5. คลกท .... Audio Input (… ยหอการดเสยง
คอมพวเตอรแตละรนอาจแตกตางกน)
6. คลกท Recording
7. คลกใหมเครองหมาย ✓หนา Mic Volume
8. คลกท OK
84
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
9. คลกใหมเครองหมาย _หนา Select เปนการกำหนดวาจะบนทกเสยงผานชองไมโครโฟนของการดเสยง
10. ปรบระดบการรบสญญาณจากไมโครโฟน
ขนไปเกอบสด
11. คลกท Options
12. คลกท Advanced Controls
13. คลกทปม Advanced
14. คลกใหมเครองหมาย _หนา Select
15. คลกทปม Close
85 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
16. คลกทปม Close เพอปดหนาตาง
2. การปรบสภาพเครองคอมพวเตอรโนตบคยหอ Toshiba รน Satellite L730 ระบบปฏบตการ
Windows 7
1. คลกขวาทไอคอนลำโพง ทแถบงาน
2. คลกท Recording devices
3. คลกท ไมค
4. คลกท Configure
86
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
5. คลกท Set up Microphone
6. เลอกชนดของไมคใหถกตอง
กบทจะใชบนทกเสยง
7. คลกทปม Next และคลก
ทปม Next อกครง
8. ทดสอบระดบเสยงโดยการ
พดไมคทจะใชในการบนทก
เสยง ระดบความดงทพอด
แถบระดบสญญาณจะอย
ในชวงของสเขยว จากนนให
คลกทปม Next และปม
Finish
87 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
หากมปญหาในการบนทกเสยง คอระดบสญญาณเสยงหลงบนทกเบาเกนไป ใหแกปญหาดงน
1. คลกขวาทไอคอนลำโพง ทแถบงาน
2. คลกท Recording devices
3. คลกท ไมค
4. Properties
5. เปดโปรแกรมทจะใชในการบนทกเสยงและทดลองบนทกเสยงเพอตรวจสอบระดบสญญาณวาพอดหรอไม
ซงสงเกตไดจากรปคลนของเสยงชวงทดงทสดสงทสดเกอบถงขอบบนและขอบลางของแถบเสยง
88
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
6. คลกท Levels
7. ปรบระดบสญญาณ
7.1 ไปทางขวามอเพอเพมระดบความดงใหสงทสด แลวบนทกเสยงเพอทดสอบระดบสญญาณ
(ขนตอนท 5) ถาระดบสญญาณมากไปกใหลดลง โดนเลอนแถบเลอนไปทางดานซาย จากนนให
บนทกเสยงเพอทดสอบระดบสญญาณ (ขนตอนท 5) ทำไปเรอยๆ จนไดระดบสญญาณทเหมาะสม
7.2 หากระดบสญญาณยงเบาอยใหเพม โดยเลอนแถบเลอนของ Microphone Boost ขนทละนอย
แลวใหบนทกเสยงเพอทดสอบระดบสญญาณ (ขนตอนท 5) ทำไปเรอยๆ จนไดระดบสญญาณ
ทเหมาะสม
8. เมอไดระดบสญญาณทเหมาะสมแลวใหคลกทปม OK
89 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การเลอกใช ไมโครโฟนและการจดวางไมโครโฟนขณะบนทกเสยง เปนขอเสนอแนะสำหรบผทจะบนทกเสยงเพอใชงานสวนตวหรอประกอบสอตางๆ จงเนนประหยด
แตไดคณภาพสงสดเทาทจะเปนไปได
การเลอกใชไมโครโฟน
ไมโครโฟนทใชบนทกเสยงกบคอมพวเตอรโดยทวไปจะมทงทเปนชนดไมโครโฟนเดยวๆ และชนด
ทตดกบหฟง ในการเลอกใชถาเปนไปไดควรเลอกทเปนชนดไมโครโฟนอยางเดยว เพราะจะใหเสยงทมคณภาพ
ดกวามเสยงรบกวนตำ
นอกจากนน ไมโครโฟนยงมหลายรปแบบ ไมโครโฟนทมราคาแพง สนนษฐานไดในระดบหนงวานา
จะใหเนอของเสยงทมคณภาพกวาไมโครโฟนราคาถก และยงมไมโครโฟนชนดทมการดเสยงในตวดวยสามารถ
ใชงานโดยเสยบทชอง USB ไดเลย
การพจาณาคณภาพไมโครโฟนจากลกษณะภายนอก
ตวอยางไมโครโฟนทมคณภาพพอใช
ตวอยางไมโครโฟนทมคณภาพดกวา
90
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การจดตำแหนงไมโครโฟนขณะบนทกเสยง (กรณทไมตองพงหองบนทกเสยง)
การบนทกเสยงดวยเครองมอพนฐานทหาไดตามทองตลาด เชน ไมโครโฟนหรอหฟงชนดทม
ไมโครโฟนตดมาดวย และคอมพวเตอรทวไปทตดตงการดเสยงบนเมนบอรด การทจะบนทกใหไดคณภาพพอท
จะนำไปใชประกอบในการผลตสอในหองทำงานทวไปนน เทคนคการจดตำแหนงไมโครโฟนมความสำคญเปน
อยางยง
วธการวางตำแหนงของไมโครโฟนใหวางใกลปาก โดยมระยะหางจากปากไมเกน 1 นวฟต
จดตำแหนงใหอยทมมปากดานซายหรอขวา เยองไปดานหนาเลกนอย ทำมมกบปากประมาณ 45 องศา
เพอหลบลมจากปาก หากสญญาณทบนทกดงมากเกนไป ใหลดระดบสญญาณในแผงควบคมสญญาณเขาของ
ชองไมโครโฟนลง หามพดไกลไมโครโฟนเพราะจะทำใหมเสยงสญญาณรบกวนกบเสยงพดทมระดบใกลเคยงกน
ซงจะสงผลทำใหตอเสยงทไดหลงการปรบแตงโดยตดเสยงรบกวนออกมคณภาพตำและผดเพยนมาก
หนวยท 9 การบนทกเสยงดวยโปรแกรม
Nero Wave Editor
โปรแกรม Nero Wave Editor เปนโปรแกรมทถกตดตงมาพรอมกบโปรแกรม Nero ทใชสำหรบ
การเขยนแผนซด/ดวด ประสทธภาพของโปรแกรมถอวาเปนอกหนงโปรแกรมทนาใช มประสทธภาพเพยงพอ
สำหรบการบนทกเสยงพดเพอนำไปประกอบกบการทำสอตางๆ เชน สามารถตดเสยงรบกวน ปรบแตงเสยง
ในลกษณะตางๆ เปนตน
การเปดโปรแกรมจะคลายกบการเปดโปรแกรมในระบบปฏบตการวนโดวสทวไป สำหรบโปรแกรม
Nero Wave Editor จะอยในกลมของโปรแกรม Nero
หนาตางโปรแกรม Nero Wave Editor
92
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การบนทกเสยง 1. คลกทปม บนทก
2. คลกเพอยกเลกการบนทกสเตอรโอ (การบนทกเสยงพดบนทกในระบบโมโนกเพยงพอแลว)
3. คลกทปม ตกลง
4. คลกทปม บนทก
5. เมอบนทกเสรจแลวใหคลกทปม หยดการบนทก ( )
6. คลกทปม ตกลง
93 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
จะปรากฏคลนเสยง (Wave) ขนตอนนสามารถคลกทปม เพอฟงเสยงได
การตดเสยงสวนท ไมตองการออก ในการบนทกเสยงจะมสวนทตองตดทง อนเนองมาจากการพดผด หรอชองไฟในการพดหางเกนไป
94
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
1. คลกเมาสคางไวแลวลากใหคลมบรเวณทจะตดทง
2. คลกทไอคอนกรรไกร เสยงสวนทคลมไวจะถกตดออก
95 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การปรบแตงเสยงใหเปนเสยงผ ใหญ/เสยงเดก 1. คลกเมาสในบรเวณคลนเสยงแลวลากใหคลมเสยงสวนทจะปรบแตง
2. คลกท เครองมอ
3. คลกท ทรานสโพส
4. คลกเลอกคาการปรบแตงทโปรแกรมเตรยมไว หรอปรบปม ชวง
• ถาปรบหมนทวนเขมนาฬกาเสยงจะมลกษณะทมตำ (คลายเสยงคนตวอวน ใหญ)
• ถาปรบหมนตามเขมนาฬกาเสยงจะมลกษณะสง/เลก แหลม คลายเสยงเดก หรอเสยงสตร
5. หากไมตองการรกษาความยาวดงเดมใหคลกเอาเครองหมายถกออก
6. ในขณะปรบแตงตามลำดบท 4 และลำดบท 5 สามารถคลกปม เพอฟงตวอยาง
7. เมอไดคณลกษณะของเสยงตามตองการแลวใหคลกทปม ตกลง
96
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การนำเสยงออกไปใช การนำเสยงทบนทกและปรบแตงแลวออกไปใช โปรแกรม Nero Wave Editor ใชวธการ Save
ตามปกต เพยงแตใหเลอกชนดของไฟลใหเหมาะสมกบการนำไปใช
1. คลกทไอคอน หรอทเมนบาร ใหคลกทไฟล จากนนคลกท บนทกจะปรากฎหนาตาง Save As
2. กำหนดทเกบไฟลเสยง
3. ตงชอไฟลเสยง
4. กำหนดชนดของไฟลเสยง เชน .mp3 .wav เปนตน
97 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การปรบแตงเสยงใหเปนเสยงผ ใหญ/เสยงเดก ดวยโปรแกรม Audacity สำหรบการปรบแตงเสยงใหเปนเสยงผใหญ/เสยงเดก ดวยโปรแกรม Audacity จะใชเครองมอ Pitch
วธการปรบระดบเสยงใหสงหรอตำ มวธการดงน
1. เลอกบรเวณทจะปรบแตงโดยการคลกเมาสคางไวแลวลากคลมสวนทตองการ แตถาจะเลอก
ทงหมดใหกดปม CTRL คางไวแลวกดปม A ทแปนพมพ
2. คลกท Effect
3. คลกท Change Pitch
4. ใหปรบคา ซงมใหเลอก 2 ลกษณะ ดงน
4.1 ปรบขนลงตามคยของดนตร โดยเลอก
up (เสยงสงขน) หรอ down (เสยงตำลง) จากนนใหคลกท
ชอง to และเลอกระดบเสยง
4.2 ปรบเสยงขนลงอสระโดยเลอนปม (เลอน
ไปดานซายเสยงจะทมตำคลายเสยงผชายทตวอวนใหญ
หากเลอนไปดานขวาเสยงจะเลกแหลมคลายเสยงเดกหรอ
เสยงผหญง
5. ลองฟงคาทปรบแตงโดยคลกทปม Preview
6. หากไดเสยงตามตองการแลวใหคลกทปม OK
98
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การปรบแตงเสยงใหเปนเสยงผ ใหญ/เสยงเดก ดวยโปรแกรม Sound Forge โปรแกรม Sound Forge เปนโปรแกรมทไดรบความนยมในการบนทกเสยงพดเพอผลตสออก
โปรแกรมหนง ทงนเพราะเปนโปรแกรมทมประสทธภาพในการบนทก ปรบแตงเสยงในระดบสง สำหรบการ
ปรบแตงเสยงใหเปนเสยงผใหญ/เสยงเดก ดวยโปรแกรม Sound Forge จะใชเครองมอ Pitch
วธการปรบระดบเสยงใหสงหรอตำ มวธการดงน
1. คลกท Effects
2. คลกท Pitch
3. คลกท Shift
4. เลอกคาเบองตนทโปรแกรมกำหนดไวโดยคลกทชอง Preset ซงมรายละเอยดดงน
• Fifth down และ Third down เสยงจะ
ตำลง (ทมใหญเหมอนเสยงคนอวนและตวใหญ)
• Fifth up และ Third up เสยงจะสงขน
(เลกแหลมเหมอนเสยงเดกหรอผหญง)
5. คลกปม Preview เพอฟงเสยง และปรบคาเพมขนหรอลดลง
6. เมอไดเสยงตามตองการแลวใหคลกทปม OK
หนวยท 10
Voice Changer เปนโปรแกรมทใชในการปลอมแปลงเสยงจากเสยงของเราเอง ใหเปลยนไปเปน
เสยงเดกผชาย เสยงเดกผหญง เสยงผหญงแก เสยงผชายแก เปนตน วธการใชงานงาย ไมกขนตอนกสามารถได
เสยงทเปลยนไป สามารถนำไปประกอบสอตางๆ ได
วธการเปดโปรแกรม การเปดโปรแกรม Voice Changer จะเหมอนการเปดโปรแกรมในระบบปฏบตการวนโดวสโดยทวไป
คอคลกทปม Start > All Programs > Voice Changer Software DIAMOND > Voice Changer…. หรอ
หากขนตอนการตดตงไดกำหนดใหมการสราง Shortcut ไวทหนาจอคอมพวเตอร กสามารถดบเบลคลกท
Shortcut ของโปรแกรม Voice Changer ไดเลย
ภาพ Shortcut ของโปรแกรม Voice Changer
ภาพหนาตางของโปรแกรม Voice Changer
การบนทกเสยงดวยโปรแกรม Voice Changer
100
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การเปลยน Skins (หนาตาของโปรแกรม) Skins หรอหนาตาของโปรแกรมจะมใหเลอก 2 แบบ (สามารถดาวนโหลดมาเพมเตมได) ไดแก แบบ
Classic และแบบ Diamond HI-FI แบบทเหนหลงตดตงจะเปนแบบ Diamond HI-FI ซงอาจมความกลมกลน
กบพนหลงของจอคอมพวเตอร ทำใหขาดความชดเจน เพอใหดชดเจนและเขาใจงายจงเปลยน Skins เปนแบบ
Classic
วธการเปลยน Skins
1. คลกทปม Skins
2. คลกรปแบบ Classic
หนาตางของโปรแกรม Voice Changer ทใช Skins แบบ Classic
101 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การบนทกเสยง ควรตอไมโครโฟนเขาเครองคอมพวเตอรและตรวจสอบการทำงานใหเรยบรอยกอนทจะเปดโปรแกรม
Voice Changer
ขนตอนการบนทกเสยง
1. จดตำแหนงไมโครโฟนใหอยในตำแหนงทเหมาะสมกบปากของผทจะบนทกเสยง
2. คลกทปม Recorder
3. คลกทปม Show recorder settings
102
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
4. คลกทปม Browse for
base folder
5. ตงชอไฟลเสยง
6. คลกทปม Apply
7. คลกทปม Ok
8. คลกทปม Nickvoices
9. ใหเลอกกลมของรปแบบเสยงทตองการปลอมแปลง (มใหเลอก 3 กลม ตองทดลองศกษาเอง)
จากตวอยางจะเลอกกลมท 2 ซงเปนกลมเสยงของผชาย
10. คลกเลอกเสยงตามตองการ
103 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
11. คลกทปม Start recording แลวเรมพด
12. เมอบนทกเสยงเสรจใหคลกทปม Stop recording
จะปรากฏไฟลเสยงในโฟลเดอรทกำหนดในขนตอนท 4 ซงจากตวอยางไดกำหนดไวท Desktop ดงภาพ
104
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
หมายเหต
1. ในขนตอนท 11 จะคลกทปม Pause ( ) เพอหยดการบนทกเสยงชวคราวแลวไปกำหนด
รปแบบของเสยงในขนตอนท 8-10 จากนนคอยคลกปม Pause อกครงเพอเรมบนทกเสยงตอ กได
2. โปรแกรม Voice Changer ตดตอเสยงไมได ดงนนหากตองการตดตอจำเปนทจะตองใชโปรแกรม
อนๆ เขามาชวย
หนวยท 11
เมอกอนพอแตงเพลงเสรจ หากจะบนทกเสยงทมดนตรพรอมกนเปนเรองยงยากสำหรบผคนทวไป
ทงนเพราะการทจะสรางหรอบนทกเสยงรองทมครบเหมอนการแสดงดนตรทงวง จะตองใชความสามารถหรอ
คนหลายคนทมความสามารถดานเพลง ดานดนตร ทงนเพราะตองใชความสามารถหลากหลายดานซงยากทคน
คนเดยวจะทำไดดหมดทกอยาง เชน การเรยบเรยงเสยงประสาน การเลนดนตรในแตละชนทผเรยบเรยงเสยง
ประสานกำหนดไว นอกจากนนจะตองมฝมอในการเลนอยางดเยยม สวนขนตอนการบนทกเสยงกตองมผท
ชำนาญดานนโดยเฉพาะ
แตปจจบน เทคโนโลยในดานเพลง/ดนตรตลอดจนการบนทกเสยงพฒนาไปมาก ทำใหนกดนตร
คนเดยวสามารถดำเนนการทกอยางไดอยางงายดาย ตงแตขนตอนการเรยบเรยงเสยงประสาน การเลนดนตรดวย
เครองดนตรชนดเดยวแตกำหนดใหเปนเสยงเครองชนดอนๆ ได นอกจากนนยงสามารถบนทกเสยงรองไดเอง
โดยไมตองพงพาหองบนทกเสยง
แตการดำเนนการดงกลาวอาจงายสำหรบนกดนตรบางคน สำหรบคนทวไปกยงเปนเรองทไกลเกนคด
ไกลเกนฝน จนมโปรแกรมหนงชอ Songsmith ซงเปนผลตภณฑของบรษท Microsoft ขอเพยงรองเพลงไดจะ
เปนเพลงทแตงเองหรอเพลงทวๆ ไปกไดทงนน โดยเปดโปรแกรมขนมา เลอกจงหวะและแนวเพลงทตองการ
จากนนกรองไปเรอยๆ จนจบเพลง โปรแกรมจะทำการเรยบเรยงเสยงประสานใหเองเสรจสรรพ
ความสนกในยคน งายจรงๆ
การสรางเพลงดวยโปรแกรม Songsmith
106
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
การเปดโปรแกรมและการเรมตนเตรยมการบนทกเสยง กอนอนตองตดตงโปรแกรมกอน ซงขนตอนการตดตงไมซบซอนและเปนโปรแกรมทใชงานไดฟร
1. คลกทปม Start และ All Program เพอเปดโปรแกรม
2. คลกท Songsmith
107 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
3. โปรแกรมกจะถกเปดขนมา แลวคลกท New Song เพอทจะบนทกเสยงเพลงใหม
4. คลกทปม Next
5. เลอกแนวเพลง ทำไดหลายตำแหนง โดยคลกในตำแหนงตางๆ ตามลกศรช ทใดกได
6. เมอไดแนวเพลงทใกลเคยงกบทตองการแลวใหคลกทปม Next
108
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
7. กำหนดความเรวของเพลง ซงสามารถเพมหรอลดความเรวไดหลายตำแหนง (ตามทลกศรช)
8. คลกทปม Finish
เรมการบนทกเสยงรอง 1. คลกทปม Recording
2. รอใหเพลงเลนไปอยางนอย 2 หองเพลง (มากกวานกไดแลวคอยตดทงในภายหลง)
3. รองเพลงไปเรอยๆ จนจบเพลง (ในขณะรองจะไมมเสยงดนตร มเพยงจงหวะเทานน) ระวงตอง
รองไมใหผด เพราะไมสามารถแกไขได ถารองผดตองเรมบนทกเสยงใหมทงหมด เมอรองเสรจแลวใหคลกทปม
Stop
เมอคลกทปม Stop แลวโปรแกรมจะเลนเพลงใหฟงอตโนมต
109 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
การเรมตนบนทกเสยงใหมอกครง 1. คลกปม Clean State
2. สามารถเปลยนแนวเพลงไดโดยคลกท Style
3. จากนนใหดำเนนการตามขนตอนท 1-3 ของ เรมการบนทกเสยงรอง
การบนทกเพอปรบแก ไขในโอกาสตอไป สามารถบนทกงานทยงทำไมเสรจไวแลวคอยมาดำเนนการตางๆ ในภายหลงได
1. คลกท Save Song
2. กำหนดทเกบไฟล
3. ตงชอไฟล
4. คลกทปม Save
การปรบเปลยนคอรดเพลง หากเพลงทบนทกเสยงเสรจแลว โปรแกรมกำหนดคอรดใหไมถกใจ สามารถปรบเปลยนได ดงน
1. การเปลยนคอรดเบองตน เหมาะสำหรบผทไมมความรทางดนตรมากนก โปรแกรมจะกำหนด
คอรดทอยในคยของเพลงให
1) คลกทลกศรชลงในหองเพลงทตองการ
2) คลกท Suggest และ
3) เลอกคอรดตามตองการ
110
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
2. การเปลยนคอรดทตองการขนสง
1) คลกทลกศรชลงในหองเพลงทตองการ
2) คลกท Edit
3) กำหนดคอรดตามตองการ
4) คลกทปม Done
การนำผลงานออก เมอบนทก ปรบแตงจนพอใจแลวจะตองนำออกไปเปนไฟลทสามารถนำไปเปดหรอเขยนแผนซดเพลง
ได มขนตอน ดงน
1. คลกท รปลกศรชลงในชอง Save Song
2. คลกท Export
111 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
3. กำหนดวาจะเอาหรอไมเอาอะไร (Vocals=เสยงรอง, Music=เสยงดนตร)
4. กำหนดชนดของไฟลเสยง ซงมใหเลอก 3 ชนด (WMA, WAV, MIDI:ไมมเสยงรอง)
5. คลกทปม Export
6. กำหนดทเกบไฟลเพลง
7. ตงชอเพลง
8. คลกทปม Save
112
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
อางอง
เจษฎา เรอนเพชร. สรางเกม 2 D กบ ACTION GAME MAKER. บรษท เอส.พ.ซ.บคส จำกด, 2553.
ชวศนช องชาตเจรญ. เปดหมดเปลอก การสรางเกมฮตดวย JAVA. เฟสท แปซฟก (ดอกหญา), 2545.
ณฐพงศ ฐตมานกล. Game for PC. กรงเทพฯ: ซเอดยเคชน, 2537.
ณฐวฒ นำมณวงศ. สรางเกมออนไลน สไตล Siam Warrior Online (Episodel). กรงเทพฯ: ซเอดยเคชน,
2548.
ดไอด อนเตอรเนชนแนล. Flash Game. ดไอด อนเตรเนชนแนล,
ธนศกด กาญจนรตนวาร. รวม 300 เกม Flash สดมนส Vol. 1. นนทบร: ไอดซฯ, 2550.
ธรรมปพน ลอำนวยโชค. INTRO to ANIMATION คมอสำหรบการเรยนรแอนเมชนเบองตน. กรงเทพฯ:
ฐานบคส, 2550.
ธนยา นวลละออง. สรางเกมไดงาย ๆ ดวยโปรแกรม Game Maker. กรงเทพฯ: ซเอดยเคชน, 2550.
ปรชา จนดามณศรกล, ฟร? เกมส Online. นนทบร: ไอดซฯ, 2547.
ฝายวชาการและศนยขอมล. เรยนร Flash MX สำหรบมออาชพ. บรษท ดไอด อนเตอรเนชนแนล จำกด. มปป.
ภวนย สงวนวรรณ และคณะ. วาดฝนใหโลกตะลงดวย The 2D & 3D Game Maker. เอส.พ.ซ.บคส.
2551.
รวนทร ไชยสทธพร. เขยนเกมบน Web ดวย JAVA. กรงเทพฯ: ซเอดยเคชน, 2544.
เสร สรสายณห. สรางเกมส 2D/3D With Game Engines. กรงเทพฯ: เอนจเนยร แอนด อคเตค พลส.
2548.
อาษา ตงจตสมคด. เขยนเกมดวย DirectX. กรงเทพฯ: ซเอดยเคชน, 2544.
113 การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
Interactive Media Educational Game
คณะผจดทำ
ทปรกษา ดร.ชนภทร ภมรตน เลขาธการคณะกรรมการการศกษาขนพนฐาน
ดร.กมล รอดคลาย รองเลขาธการคณะกรรมการการศกษาขนพนฐาน
คณะทำงาน นายเอนก รตนปยะภาภรณ ผอำนวยการสำนกเทคโนโลยเพอการเรยนการสอน
นางสทน ทองไสว รองผอำนวยการสำนกเทคโนโลยเพอการเรยนการสอน
นายอายต เอยมบาง สำนกงานเขตพนทการศกษามธยมศกษา เขต 39
นางจฑารตน อรโณทย สำนกงานเขตพนทการศกษาประถมศกษาปตตาน เขต 1
นายสรนทร สรรตนากร โรงเรยนเบญจมานสรณ
นายพทยา ปฏโค โรงเรยนเบญจมานสรณ
นายสรวง ศรแกวทม โรงเรยนแมเมาะวทยา
นายปรเมศวร ศรปา โรงเรยนชมชนบานทาสองยาง
นางลดดา ดพา โรงเรยนบานเกาะรากเสยด
นางสาวขนษฐา โภควต โรงเรยนบานเกาะรากเสยด
นายอาร มนา โรงเรยนบานตเวาะ
นางสาวยอดขวญ มามะ โรงเรยนบานนำดำ
นายกฤช บญหลง ขาราชการบำนาญ
นางสาวระเบยบ กตมากลนรเดช สำนกเทคโนโลยเพอการเรยนการสอน
นายพตตนนท คำสา สำนกเทคโนโลยเพอการเรยนการสอน
นายอทย ไชยกลาง สำนกเทคโนโลยเพอการเรยนการสอน
นายอาชนน พรหมประกอบ สำนกเทคโนโลยเพอการเรยนการสอน
นางบศรนทร เผอกจอก สำนกเทคโนโลยเพอการเรยนการสอน
นางสาวสละ กำทรพย สำนกเทคโนโลยเพอการเรยนการสอน
นางสาวสกญญา กนกง สำนกเทคโนโลยเพอการเรยนการสอน
นางจรญศร ชนมศร สำนกเทคโนโลยเพอการเรยนการสอน
นายกตต นวมคณสน สำนกเทคโนโลยเพอการเรยนการสอน
114
Interactive Media Educational Game
การพฒนาสออเลกทรอนกส
แบบมลตมเดยปฏสมพนธและเกมการศกษา
คณะบรรณาธการ นายเอนก รตนปยะภาภรณ
นางสทน ทองไสว
นายอายต เอยมบาง
นายทตตนนท คำสา
นายอทย ไชยกลาง
นายกฤช บญหลง
ออกแบบปก/จดรปเลม นายอทย ไชยกลาง
นายปรเมศวร ศรปา
กลมผลตสอและประยกต ใชเทคโนโลย
สำนกเทคโนโลยเพอการเรยนการสอน
สำนกงานคณะกรรมการการศกษาขนพนฐาน
กระทรวงศกษาธการ ถนนราชดำเนนนอก
เขตดสต กรงเทพมหานคร 10300