บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... ·...

62
บทที1 บทนา คอมพิวเตอร์มีบทบาทสาคัญมากในชีวิตประจาวันและนับวันยิ่งมีบทบาทยิ่งขึ้นในทุกขณะ การพัฒนาทักษะในการเขียนโปรแกรมหรือซอฟต์แวร์คอมพิวเตอร์นั้น จึงจาเป็นมากยิ่งขึ้นเพื่อเป็น การนาเอาเทคโนโลยีดังกลําวมาใช๎ให๎ได๎ประโยชน์สูงที่สุด และครอบคลุมทุกเพศทุกวัย ซึ่งหาก ต๎องการพัฒนาเยาวชนเราควรมีสิ่งที่ดึงดูความสนใจบุคคลในชํวงอายุนั้น ๆ เราไมํสามารถปฏิเสธได๎วํา เกมเป็นตัวเลือกอันดับต๎น ๆ ในการนามาประยุกต์ใช๎ให๎เกิดประโยชน์กับผู๎เลํนระดับเยาวชนได๎ โดย เราสามารถสอดแทรกความรู๎เข๎าไปในตัวเกมที่เราได๎ออกแบบมา ซึ่งจะทาให๎งํายตํอการเข๎าถึงเยาวชน และงํายตํอการสอดแทรกความรู๎ตําง ๆ ทั้งนี้เกมยังมีหลากหลายประเภทให๎เลือกเลํนทาให๎เกิด รูปแบบตําง ๆ มากมายเพื่อใช๎ในการสํงเสริมการเรียนรู๎ในด๎านตําง ๆ เกมจึงเป็นตัวเลือกที่ดีในการ ปลูกฝังสิ่งตําง ๆ เข๎าไปในตัวผู๎เลํนได๎ 1.1 ที่มาของโครงการ เนื่องจากโปรแกรม Open Source ได๎เข๎ามามีบทบาทมากยิ่งขึ้น มีความหลากหลายของ โปรแกรม และยังไมํมีคําใช๎จํายสาหรับผู๎ที่ใช๎งานโปรแกรม Open Source อีกด๎วย จึงเหมาะกับการ นาโปรแกรมเหลํานี้มาใช๎ในการศึกษา ฝึกทักษะเพื่อใช๎ให๎เกิดประโยชน์ การใช๎งานทางด๎านกราฟิกได๎มีการพัฒนาอยํางตํอเนื่องเพื่อให๎เกิดความสมจริงมากยิ่งขึ้นจาก งานสองมิติ จนกลายเป็นงานสามมิติ และยังได๎พัฒนาตํอไปอยํางไมํหยุดยั้ง ผู๎พัฒนาจึงเห็นถึงความ นําสนใจในการสร๎างงานสามมิติ และได๎ทาการศึกษาโปรแกรม Blender ซึ่งเป็นโปรแกรม Open Source ที่มีความสามารถในการสร๎างงานสองมิติ สามมิติ แอนิเมชั่น และเกม งานทางด๎านกราฟิกในประเทศไทยมีผู๎สนใจเป็นจานวนมาก แตํการทาเกมสามมิตินั้น ยังไมํ เป็นที่นิยม ผู๎พัฒนาเห็นถึงความสาคัญในการใช๎เกมสามมิติเป็นตัวดึงดูดความสนใจจากกลุํมเยาวชน และยังสามารถสอดแทรกความรู๎ จิตสานึก พร๎อมทั้งยังเป็นตัวจุดประกายความคิดสร๎างสรรค์ให๎กับผูเลํนอีกด๎วย ผู๎พัฒนาจึงได๎ศึกษาการสร๎างงานสามมิติ และทาคูํมือ เพื่อเป็นแนวทางให๎กับผู๎ที่สนใจการ ทางานสามมิติ ซึ่งใช๎โปรแกรม Blender เป็นโปรแกรมกรณีศึกษา

Upload: others

Post on 06-Nov-2019

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

บทท 1 บทน า

คอมพวเตอรมบทบาทส าคญมากในชวตประจ าวนและนบวนยงมบทบาทยงขนในทกขณะ การพฒนาทกษะในการเขยนโปรแกรมหรอซอฟตแวรคอมพวเตอรนน จงจ าเปนมากยงขนเพอเปนการน าเอาเทคโนโลยดงกลาวมาใชใหไดประโยชนสงทสด และครอบคลมทกเพศทกวย ซงหากตองการพฒนาเยาวชนเราควรมสงทดงดความสนใจบคคลในชวงอายนน ๆ เราไมสามารถปฏเสธไดวาเกมเปนตวเลอกอนดบตน ๆ ในการน ามาประยกตใชใหเกดประโยชนกบผเลนระดบเยาวชนได โดยเราสามารถสอดแทรกความรเขาไปในตวเกมทเราไดออกแบบมา ซงจะท าใหงายตอการเขาถงเยาวชน และงายตอการสอดแทรกความรตาง ๆ ทงนเกมยงมหลากหลายประเภทใหเลอกเลนท าใหเกดรปแบบตาง ๆ มากมายเพอใชในการสงเสรมการเรยนรในดานตาง ๆ เกมจงเปนตวเลอกทดในการปลกฝงสงตาง ๆ เขาไปในตวผเลนได

1.1 ทมาของโครงการ เนองจากโปรแกรม Open Source ไดเขามามบทบาทมากยงขน มความหลากหลายของโปรแกรม และยงไมมคาใชจายส าหรบผทใชงานโปรแกรม Open Source อกดวย จงเหมาะกบการน าโปรแกรมเหลานมาใชในการศกษา ฝกทกษะเพอใชใหเกดประโยชน การใชงานทางดานกราฟกไดมการพฒนาอยางตอเนองเพอใหเกดความสมจรงมากยงขนจากงานสองมต จนกลายเปนงานสามมต และยงไดพฒนาตอไปอยางไมหยดยง ผพฒนาจงเหนถงความนาสนใจในการสรางงานสามมต และไดท าการศกษาโปรแกรม Blender ซงเปนโปรแกรม Open Source ทมความสามารถในการสรางงานสองมต สามมต แอนเมชน และเกม งานทางดานกราฟกในประเทศไทยมผสนใจเปนจ านวนมาก แตการท าเกมสามมตนน ยงไมเปนทนยม ผพฒนาเหนถงความส าคญในการใชเกมสามมตเปนตวดงดดความสนใจจากกลมเยาวชน และยงสามารถสอดแทรกความร จตส านก พรอมทงยงเปนตวจดประกายความคดสรางสรรคใหกบผเลนอกดวย ผพฒนาจงไดศกษาการสรางงานสามมต และท าคมอ เพอเปนแนวทางใหกบผทสนใจการท างานสามมต ซงใชโปรแกรม Blender เปนโปรแกรมกรณศกษา

Page 2: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

2

1.2 แนวทางการพฒนาโครงงาน 1) ก าหนดขอบเขตของเกมทจะท าการพฒนา 2) รวมรวมเอกสารตางๆ และสอทเกยวของกบการใชงานโปรแกรม Blender 3) ศกษาวธการใชงานขนพนฐานจากเอกสาร และสอตาง ๆ 4) ทดลองท าการสรางโมเดลในลกษณะตางๆ ตามคมอเอกสารตาง ๆ 5) ทดลองท าการใชเครองมอตาง ๆ ในโปรแกรม 6) ทดลองท าการประยกตใชเครองมอ เพอใหเกดงานรปแบบแปลกใหม 7) ท าการออกแบบโมเดลตาง ๆ และท า Texture ส าหรบใชเปนแบบในการขนรปโมเดล 8) ท าการสรางโมเดลตาง ๆ และจดเกบเปนหมวดหม 9) ท าการประกอบฉาก โดยการน าเอาโมเดลตาง ๆ มาผสมผสานกน 10) ท าการใส Logic ตาง ๆ 11) ทดลองเกม และหาจดบกพรอง เพอท าการแกไข 12) จดท าไฟลเกม

1.3 วตถประสงคโครงการ 1) เพอพฒนาทกษะการใชโปรแกรม Blender ของผพฒนา 2) เพอเพมความสามารถในการออกแบบงานทางดานกราฟก

3) เพอสรางเกม 3 มตทสามารถเลนไดจรง 4) เพอเปนแนวทางใหบคคลอนสามารถน าไปพฒนาตอไปได 5) เพอสรางความบนเทงใหกบผเลนเกม

1.4 ขอบเขตของโครงการ 1) มดานทงหมด 4 ดาน 2) เมอตวละครตายแลวจะสามารถเรมเลนใหมไดในดานนน ๆ 3) เมอท าภารกจไดตามเงอนไขกจะสามารถผานไปดานถดไปได

4) มการแสดงผลการเกบขยะ 5) ไมสามารถบนทกแลวกลบมาเลนใหมได 6) ไมสามารถเลอกดานเลนได 7) ไมสามารถเลนพรอมกนไดหลายคน 8) มตวละครเพยงตวเดยว 9) มการใชเสยงเพลงประกอบฉากเพอความสนกสนานในการเลนเกม 10) ไมสามารถเลนเกมผานเครอขายอนเทอรเนตได 11) มการใชแอนเมชนสอดแทรกในตวเกม

Page 3: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

3

1.5 ทรพยากรทใชในการจดท าโครงการ 1.5.1 เนอเรองยอ (Story Board) ณ โลกอนาคตป พ .ศ. 3000 โลกทเรารจกในปจจบนไดเปลยนแปลงไปอยางไมมใครคาดคด ประชากรทอยอาศยมทงมนษย และหนยนต อาคารสงเสยดฟามากมายปรากฏใหเหนอยทวไป อปกรณผลตออกซเจนมตดอยทกหนทกแหง ผคนไดหลงลมกนไปแลววาตนไม ใบหญา ปา เขา แมน า ล าธารทใสสะอาดเปนอยางไร เนองจากการวจยของนกวทยาศาสตรซงไดประดษฐเครองสรางออกซเจน และสารเคมทดแทนอน ๆ มาใชแทนทตนไม ความส าคญของตนไมจงลดนอยลงไปจนตนไมหาไดยากขน ผนดนถกแทนทดวยพนเหลก และคอนกรต จนภยคกคามทคาดไมถงก าลงกอเกดขนอยางไมทนรตว เมอโลกเรมทนกบสภาพทเปนอยไมไหว มหนตภยรายแรงจงเกดขน อากาศเรมเปนพษจากการสะสมของสารเคมตาง ๆ มาเปนระยะเวลายาวนาน ทงจากเครองผลตออกซเจน และสารเคมตาง ๆ ทงทตอนแรกงานวจยไดวจยวามผลกระทบตอระบบนเวศนตาง ๆ นอยมาก ๆ จนแทบจะไมมผลกระทบเลย แตเมอระยะเวลาผานมายาวนานสารเคมตาง ๆ จงเกดการสะสมทละเลกทละนอยจนผนดนทเหลออยกลายสภาพเปนฝนไมสามารถน ามาใชประโยชนได แหลงน าเกดการปนเปอนจากสารเคม ปาไมแทบจะไมหลงเหลออยบนโลกใบนอกแลว แตนบวายงมโชคดหลงเหลออยบางทมกลมนกวทยาศาสตรกลมหนงเลงเหนถงปญหาน แตกเกอบทจะสายเกนไปแลว โครงการพฒนาเทคโนโลยในการขามมตไดเรมตนขนและเกอบเสรจสมบรณ เหลอเพยงขนตอนสดทายคอการสงตวหนยนตนอย ชอ " Mo-B " ทมการตดตงภารกจขามมตไปเพอแกไขขอผดพลาดในอดต แตแลวเหตการณไมคาดคดกเกดขนมา เมอถงเวลาสงหนยนตขามมตไปท างาน เครองมอไดเกดการผดพลาดจนระเบดออก ทกอยางพงทลายลงในพรบตา มเพยงแตเจาหนยนตตวนอยทถกตงขอมลใหท าภารกจทไดรบมอบหมายใหส าเรจถกสงตวขามเวลามาแกไขเหตการณในอดต ซงผลลพธทไดนนจะเปนเชนไร หนยนตนอยจะสามารถแกไขอดตไดหรอไม กดปม Start และเรมตนผจญภยกนเลย แนวเกมเปนแนวสงเสรมความรในเรองการอนรกษธรรมชาต โดยวธการเกบขยะตามพนทตาง ๆ ซงเหมาะกบเยาวชนระดบประถมศกษา และมธยมศกษา เนอเรองภายในเกมจะเปนการท าตามเงอนไขของแตละมต ซงกคอการเกบขยะใหครบตามจ านวน เปนตน ซงแบงไดเปน มตเมองลาง มตปาทบ มตใตมหาสมทร และมตทะเลทราย หากท าภารกจส าเรจตามเงอนไขทก าหนดครบจะท าใหสามารถไปยงมตตอไปได เมอไดท าตามเงอนไขของมตตาง ๆ จนครบจะสามารถเปลยนประวตศาสตรและกอบกโลกได ซงกคอการชวยสงเสรมใหผเลนรจกการอนรกษธรรมชาตงาย ๆ โดยการไมทงขยะลงในทสาธารณะนนเอง

1.5.2 เครองมอทใชในการพฒนา ไดแก เครองคอมพวเตอรโนตบ๏ก โปรแกรมทใชในการพฒนาหลก คอ โปรแกรม Blender และโปรแกรมแตงภาพตาง ๆ

Page 4: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

4

Page 5: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

5

1.6 ระยะเวลาในการด าเนนงาน โครงงานนใชเวลาในการด าเนนการ ระหวาง เดอนกนยายน พ.ศ. 2554 ถง เดอนมนาคม พ.ศ. 2555 ซงมรายละเอยดดงตอไปน

ล าดบ

งาน

แผนการปฏบตงาน 2554 2555

ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ค. 1. ก าหนดขอบเขตของเกมทจะท าการ

พฒนา

2. รวบรวมเอกสาร และสอตาง ๆ ทเกยวของกบการใชงานโปรแกรม Blender

3. ศกษาวธการใชงานขนพนฐานจากเอกสาร และสอตาง ๆ

4. ทดลองท าการสรางโมเดล ตามคมอ 5. ทดลองท าการใชเครองมอตาง ๆ ใน

โปรแกรม

6. ทดลองท าการประยกตใชเครองมอตาง ๆ

7. ท าการออกแบบโมเดล และ Texture ตาง ๆ ทจะใชในการสรางเกม

8. ท าการสรางโมเดล และปรบแตง Texture ตามทไดท าการออกแบบ

9. ท าการประกอบฉาก 10. สรางแอนเมชน 11. ท าการใส Logic 12. ทดลองเกม 13. จดท าไฟลเกม และเอกสาร

ตารางท1.1 แสดงระยะเวลาในการด าเนนงาน

Page 6: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

6

1.7 ประโยชนทคาดวาจะไดรบ 1) ไดรบความรในการใชงานโปรแกรม Blender มากยงขน 2) สามารถสรางงาน 3 มตไดอยางมประสทธภาพในระดบหนง 3) ไดเกม 3 มตทสามารถเลนไดจรง 4) สามารถน าไปใชเปนแนวทางใหบคคลอนสามารถน าไปพฒนาตอได 5) สามารถสรางความบนเทงใหกบผเลนเกมได

Page 7: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

7

บทท 2 หลกการและทฤษฎทเกยวของ

ในบทนจะกลาวถงทฤษฎ หลกการ และโครงงานทเกยวของทใชในการพฒนาโครงการ โดยมสาระส าคญ ดงตอไปน 2.1 โปรแกรม Blender 2.2 ทฤษฎการใชแสง และส

2.3 ทฤษฎการท าภาพเคลอนไหว 2.4 รปแบบเกม 2.5 ตวอยางเกมกรณศกษา

2.1 โปรแกรม Blender โปรแกรม Blender เปนโปรแกรมส าหรบสรางงาน 3 มต ทเปดใหผใชสามารถดาวนโหลดมาใชงานไดฟร โดยทความสามารถของโปรแกรมนนถอวาเทยบเทากบโปรแกรมสรางงาน 3 มตทวไป โปรแกรม Blender ยงมการท างานทไมซบซอน และมเครองมอทใชงานงาย ทส าคญไมตองเสยคาใชจายราคาแพงส าหรบการซอโปรแกรม จงเหมาะกบผเรมตนทสนใจ และตองการฝกฝนทกษะทางดานนมาก

โปรแกรม Blender เปนโปรแกรมสรางงาน 3 มตทมความสามารถในการสรางโมเดลรปทรงตาง ๆ ทงยงก าหนดพนผวหรอลวดลายใหกบวตถได สามารถจดแสง ก าหนดมมมอง สรางชนงานใหเปนแอนเมชน พรอมทงใสเอฟเฟกตสรางความเหมอนจรง และชวนตดตาม จนกระทงประมวลผลงานทงหมดออกมาเปนงาน 3 มตทสมบรณแบบ นอกจากนน ยงเปนโปรแกรมทรองรบการสรางเกม เนองจากมเครองมอทใชท าโมเดลส าหรบเกม และการท างานอน ๆ ทเกยวกบเกม

2.1.1 จดเดนของโปรแกรม Blender โปรแกรม Blender เปนโปรแกรม Open Source ทสามารถดาวนโหลดมา ใชงานไดฟร และยงมความสามารถทดเทยมกบโปรแกรมสรางงาน 3 มตโปรแกรมอน ๆ โดยจดเดนทนาสนใจของโปรแกรม Blender มดงน - เปนโปรแกรมทใชทรพยากรระบบและพนทในการตดตงโปรแกรมนอย

- มความสามารถในการสรางงานไดหลายรปแบบ เชน การสรางการตนแอนเมชน งานดไซน งานสถาปตยกรรม และตกแตงภายใน การสรางสเปเชยลเอฟเฟกต และการสรางเกม เปนตน

- ท างานไดหลายแพลตฟอรม เชน Windows, Mac, Linux และอน ๆ - เปนโปรแกรมทมกลมผใชงานมากกวา 250,000 คนทวโลก รวมทงกลมศลปนทนยมใช

Blender และเปดเวบไซตใหความรพรอมเวบบอรดใหสอบถามปญหาเกยวกบการใชงานไดตลอดเวลา เชน - www.blender.org - www.blendernation.com - http://blenderartists.org

Page 8: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

8

- http://3d-synthesis.com เปนตน โปรแกรม Blender สามารถใชเปนโปรแกรมพนฐานส าหรบผทตองการศกษาการสรางงาน 3 มต รวมทงบรษทขนาดเลกและขนาดกลาง กสามารถน าโปรแกรมไปสรางชนงานตามวตถประสงคของบรษทไดเชนกน เนองจากไมตองจายงบประมาณในการซอโปรแกรมมาใชนนเอง

2.1.2 วธการน าเอาโปรแกรม Blender มาใชงาน สามารถดาวนโหลดไดฟรทเวบไซต www.blender.org

2.2 ทฤษฎการใชแสงและส แสง (Light) เปนจดเรมตนของการมองเหน มความส าคญตองานออกแบบทศนศลป เพราะถาปราศจากแสง เราจะไมสามารถมองเหนภาพใด ๆ ผลของแสงจะท าใหมนษยรบรสงตาง ๆ เชน ส เสน รปราง รปทรง น าหนก พนผว และทส าคญทสด กคอ แสงเปนแหลงก าเนดของส ทน าไปสทฤษฎทเกยวของมากมาย แสงและส จะมความสมพนธกนตลอดเวลา การศกษาเรองส ตองศกษาเรองแสงประกอบกนไปดวย ปฏกรยาของส ( The Effect of Color) สมความเกยวของกบชวตประจ าวนของมนษย เกยวของกบการมองเหน ความรสก ความชอบ โดยเฉพาะความรสกทางดานอารมณของมนษยนน แตกตางกนตาม พนฐานประสบการณ สงแวดลอมและวฒนธรรม ปฏกรยาของสมผลตอมนษย ใน 3 ดานคอ ดานศลปะ ดานวทยาศาสตรและดานจตวทยา 1. ปฏกรยาของสทางดานศลปะ สเปนสวนประกอบพนฐานของการออกแบบศลปะ ( Element of Design) ทกสาขา สจะเปน "ตวกลาง" หรอ “สอ” ในการ ถายทอด อารมณ ความรสก สรางสรรค ออกมา เปนงานออกแบบหรอศลปะ แตสจะบรรลถงอารมณ ความรสกไดนน ตองสมพนธ กบสวนประกอบขนมลฐานของศลปะ ดานอน ๆ ดวย ซงประกอบดวย เสน รปราง รปทรง พนผว เปนตน การใชสใหแสดงศกยภาพในงานออกแบบศลปะใหประสบความส าเรจนน ตองมการวางแผนการใช ซงการวางแผนน เรยกวา การวางโครงส ( Color Schemes) เพอใหสนน มปฏกรยาตอการมองเหน ตามจดประสงค ทก าหนดไว ปฏกรยาของส ทมอทธพลโดยตรงตอการออกแบบ 2. ปฏกรยาของสทางดานวทยาศาสตร ตาของมนษยเราสามารถเหนสไดไมนอย กวา 7 ลานสและสทงหลายทมองเหนนน มผลตอ การรบร แตสงทตาเหนนน อาจแปรเปลยนไปไปจากความจรงหรอหลอกตาได เชน เมอเราจบจองสใดสหนงและมองไปยงสงใหม สเดมทตดตามาอาจ ท าใหสของวตถใหมนน เปลยนไปจากสทแทจรงได ทงนเพราะเกดจากการปรบสภาพของดวงตาตอสงทปรากฏ โดยทเราอาจไมเคยสงเกต สงเหลาน คอ ปฏกรยาของสทางดาน การมองเหน (Visual Effect) ในธรรมชาต สทสดใสจะสะทอนแสงไดดกวาและกระตนสายตาใหสนใจจบจองไดดกวา สไมสดใส โดยเฉพาะสเหลอง เปนสทสะดดตาทสดในจ านวนสทตามนษยมองเหน ( Visible Color) เปนสใชในการกระตนเตอน เชนใชเปนเครองหมาย ใหปฏบตตาม สทมการตดกนอยางรนแรง จะจ าแนกแยกแยะ วตถไดชดเจน กวาสกลมกลน คณสมบตทงหลาย ของสตาง ๆเหลาน เมอน ามาอยรวมกน

Page 9: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

9

แลว จะกอใหเกดปฏกรยา ทางการมองเหนมากมาย ซงจะมผลตองานออกแบบทางทศนศลป ใหเปนไปในทางท เปนประโยชนหรอสงผลเสยตองานออกแบบนนได 3. ปฏกรยาของสทางดานจตวทยา ส มอทธพลตอจตใจมนษย สแตละส จะใหความรสก ทแตกตางกน บางคน สามารถ เลอกใชสได ถกตอง กบโอกาส เวลา สถานท วฒนธรรมประเพณและสมยนยม ทงนขน อยกบ ความร ประสบการณ รสนยม ลกษณะนสย เพศ ความชอบของแตละบคคล ตลอดจนความเชอ ของแตละเชอชาต ศาสนา แตถงแมความรสกในเรองส ของมนษย จะแตกตางกนออกไป ตามสาเหตตาง ๆ แตความ รสกโดยรวมแลว สจะมอทธพลทงทางดานดและทางดานไมด กอใหเกด สญลกษณ วตถหรอสงของทเกยวเนอง มนษยทอาศยอยในภมประเทศ ทแตกตางกน ยอมมความชอบ ในสแตกตางกนเนองจากอทธพลของดนฟา อากาศ ซงไดมผวจยไววา มนษยทอาศยในแถบทมแสงอาทตย สดใส จะชอบสทสดใส ในขณะท มนษยทอาศยในแถบทมไมคอยมแสงอาทตย จะชอบสททม ๆ นอกจากน ในแตละทวปหรอแตละเชอชาต ยงมความเชอในสตางกน

คณลกษณะหรอมตของส (Dimension of Colors) ม 4 ประการ คอ 1. สแท (Hue) สแท ( Hue) คอ คณลกษณะของส ทแสดงใหเหน ถง ความแตกตาง วาเปนสอะไร เปนสแททอยในวงสธรรมชาต เปนสแททยงไมถกผสม โดยสใด ๆ เปนสประเภท Chromatic Color

ภาพท 2.1 แสดงวงสแท (Hue) ทอยในวงสธรรมชาต

2. คณคา (Value) คณคา ( Value) คอ คณลกษณะของสทเกยวเนองกบน าหนกออน-แก ( Lightness & Darkness) เรมจากออนทสดจนกระทงเขมทสดจนเกอบด า ซงคณคาน าหนกออนนอาจจะเกดจากสแท (Hue) ถกผสม กบจนเจอจาง (ดวยน าหรอน ามนผสม) หรอสแทนนไดรบการผสมกบสขาว ท าใหคณคา (Value) ของสนนออนลง เรยกวาสทมน าหนกออน (Lightness) และคาน าหนกแกทเกดจากสทมเนอสเขมขนหรอสแทนนถกผสมกบสด า ท าใหคณคา ( Value) ของสนนเขมขน เรยกวาสทมน าหนกแก (Darkness)

Page 10: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

10

ภาพท 2.2 แสดงใหเหนคาน าหนก (Value) ของสแท (Hue) 3. ความจดหรอความอมตวของส (Intensity & Saturation) ความจดของส ( Intensity) คอ คณลกษณะของสทเกยวเนองกบ ความสดหรอความสวาง (Brightness) และความไมสดใสหรอความหมน (Dullness) วงสธรรมชาตทกส ถาเปนสแท ๆ ทไมไดถกผสมดวยสใด ๆ แตละสจะมคาความสดหรอคาความสวางในตวเอง ความไมสดใสหรอความหมน ของสดงกลาวเกดจาก การผสม ของสคหรอสตรงกนขาม ในวงสธรรมชาต ความหมนมากหรอนอยขนอยกบปรมาณของสทน ามาผสม ความสดใสและไมสดใสของสไมมคาคงท หากอยในสงแวดลอมหรอพนหลง (Background) ทประกอบอยดวย 4. สกลาง (Neutral Colors) สกลาง คอ สประเภท Achromatic Color เปนสทไมม Hue ทสามารถระบวาเปนสใด ๆหรอสกลมหนงทไมไดถกบรรจไวในวงลอส ซงกคอ สด า สขาวและสเทา

ภาพท 2.3 ภาพแสดงสกลาง (Neutral Colors) สออน สเขมและโทนส ( Tint, Shade and Tone) เปนคณสมบตทเกดขนจากการผสมสกลางดงกลาวเขากบสประเภท Chromatic Color คอสทม Hue ท าใหเกดการเปลยนแปลงคาของ Hue ดงน - เมอส Hue ผสมกบสขาว จะไดเปนสออน (Tint of the Hue) - เมอส Hue ผสมกบสเทา จะไดเปนโทนสทระดบตาง ๆ (Tone of the Hue) - เมอส Hue ผสมกบสด า จะไดเปนสเขม (Shade of the Hue)

Page 11: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

11

การใชสแบบประสานกลมกลน มแนวทางการใช 5 แนวทาง คอ 1. การใชสเอกรงค (Monochromatic Colors) การใชสเอกรงค หมายถง การใชสสเดยวหรอสใดสหนงในวงลอส ( Colors Wheel) โดยสทใชนน มทง น าหนกออน-แก (Lightness Darkness) สด สหมน (Brightness-Dullness) การใชสวธน จะมความกลมกลนเปนสใดสหนง อยางชดเจนและมประสทธภาพ แตอาจขาดความหลากหลายของส ซงอาจท าใหไมมความนาสนใจ จดชด ไมมชวตชวา 2. การใชสแบบสใกลเคยง (Relate Colors,Anagolous Colors) สใกลเคยง ( Relate Colors) หมายถง สทอยใกลเคยงกนในวงส เราสามารถก าหนดสใกลเคยงไดโดยยดสใดสหนงเปนหลกกอน แลวนบไปทางซายหรอขวาทางใดทางหนงหรอทง 2 ทาง นบรวมกบสหลก แลวไมเกน 4 ส ถอวา เปนกลมสทกลมกลนและถาจะใหสกลมกลนกนทสดกนบเพยง 3 ส เทานน 3. การใชสแบบวรรณะ (Warm Tone / Cool Tone) การใชสแบบวรรณะแบงไดเปน สวรรณะรอนและสวรรณะเยน โดย สเหลอง ( Yellow ) สสมเหลอง (Yellow – Orange) สสมแดง (Red – Orange) สสม (Orange) สแดง (Red) สมวงแดง (Red – Violet) 6 สน ใหอารมณอบอน รอนแรง ตนเตน จงไดมการก าหนดวาสกลมนเปนสวรรณะรอน (Warm Tone) สวนสวรรณะเยนจะประกอบดวย สเขยวเหลอง ( Yellow – Green) สเขยว (Green) สเขยวน าเงน ( Blue - Green) สน าเงน ( Blue) สมวงน าเงน ( Blue – Violet) สมวง (Violet) ทง 6 สน ใหอารมณเยอกเยน สงบ ความมชวต แตมอย สองสคอ สเหลองและสมวง ถาไปปะปนอยในวรรณะรอนหรอวรรณะเยน กสามารถใหความรสกไดทง สองวรรณะ ตามแตสถานการณและสรอบขาง 4. การใชสสวนรวม (Tonality) การใชสสวนรวม คอ การใชสหลาย ๆ สเปนทงสในวรรณะรอนและวรรณะเยนไดทกสทอยในวงจรสแตใหดรวม ๆ แลวออกเปนสใดสหนง 5. การใชสแบบคาของส (Value of Color) คาของส หมายถง ลกษณะความเขมหรอความออน – แก ของสทไลเลยกน การใชสแบบคาของสน คอการใชสแท ( Hue) ผสมกบสกลาง คอสด า สขาว สเทา ท าใหคาของส ( Value) นนออนหรอเขมขน การใชสแบบแตกตางกน ซงในทนจ าแนกออกไดเปน 2 ประเภท คอ สแบบแตกตางกนชนดตดกนอยางแทจรงและสแบบแตกตางกน ชนดตดกนอยางธรรมดา 1. การใชสแบบแตกตางกนชนดตดกนอยางแทจรง (True Contrast) สตดกนอยางแทจรง ( True Contrast) หมายถงส 2 สทมความ ขดแยงซงกนและกน รนแรง บาดตา ถาดจากวงสธรรมชาต จะเปนสทอยใน ต าแหนงตรงกนขามกนและมคาทตดกนอยางรนแรง การใชสวธน ท าให งานออกแบบนน มความโดดเดน สะดดตา นาสนใจ แตควรมแนวทาง การใชทถกตอง เพราะสคเหลาน มคาของสทตดกน อยางรนแรง 2. การใชสแบบแตกตางกนชนดสตดกนโดยน าหนก (Value Contrast)

Page 12: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

12

สตดกนโดยน าหนก ( Value Contrast) ไดแก สทมความแตกตางกนในเรองความเขมหรอคณคาน าหนก (Value) ของแตละส ซงไมใชสคตรงขาม (Complementary Colors) กนในวงส แนวทางการใชสตดกนโดยน าหนก ( Value Contrast) อาจใชแนวทาง เดยวกบการใชสตดกนอยางแทจรง ( True Contrast) หรอใชแนวทาง อน ๆ กได ทงน เพราะ คาของสตดกน โดยน าหนกน ไมรนแรงและแตกตางกนมากนก

2.3 ทฤษฎการท าภาพเคลอนไหว ภาพเคลอนไหว (Animation) ภาพเคลอนไหว เปนการท าใหวตถใด ๆ เกดการเคลอนทดวย

รปแบบตาง ๆ กนบนจอภาพ หลกการของอะนเมชนอะนเมชน อาศยปรากฏการณทางชววทยาทเรยกวา “ความตอเนองของการมองเหน” รวมกบการท าใหวตถมการเคลอนททความเรวระดบหนง จนตาของคนเรามองเหนวาวตถนนมการเคลอนไหว ภาพแตละภาพทน ามาท าอะนเมชน เรยกวา เฟรม (Frame) การเปลยนแปลงภาพทมองเหนดวยความรวดเรวเปนหลกการของอะนเมชน การแสดงผลภาพในโทรทศน 30 เฟรมตอวนาท เปนความเรวทท าใหมองเหนการเคลอนไหวทกลมกลน ถาเปนภาพยนตรจะบนทกดวยอตรา 24 เฟรมตอวนาทแลวฉายภาพยนตรดวยอตรา 48 เฟรมตอวนาท วธการสรางอะนเมชนสามารถท าไดหลายวธ ดงน

– แบบเฟรมตอเฟรม (Frame By Frame)

– แบบทวนอะนเมชน (Tween Animation)

– แบบแอคชนสครปต (Action Script)

1. เฟรมตอเฟรม (Frame By Frame)

เปนการน าภาพมาใสไวในแตละเฟรมและท าการก าหนดคยเฟรม (คยเฟรม คอ เฟรมทถกก าหนดใหมการเปลยนแปลงของวตถเพอสรางการเคลอนไหว) ถาก าหนดคยเฟรมมชองวางหางกนเกนไป การเปลยนแปลงของภาพทปรากฏออกมาจากเฟรมหนงไปยงอกเฟรมหนงกจะชาลง การสรางเคลอนไหวแบบ Frame By Frame เหมาะส าหรบภาพอะนเมชนทมการเปลยนแปลงแบบรวดเรว หรองานทซบซอนมากๆ

2. ทวนอะนเมชน(Tween Animation)

Tween (ทวน) ยอมาจากค าวา Between ซงแปลวา “ระหวาง”การสรางภาพแบบ Tween เปนการก าหนดคยเฟรมเรมตนและคยเฟรมสดทาย จากนนใหโปรแกรมสรางความเปลยนแปลงระหวางเฟรมโดยอตโนมต ทวนอะนเมชนแบงออกไดเปน 2 ประเภท คอ

– Motion Tween หรอ Motion Path เปนการเคลอนไหวทมการก าหนดการเคลอนท หมน ยอ หรอขยายไปตามเสนทวาดไว โดยทรปทรงวตถไมมการเปลยนแปลง นยมใชมากทสด

Page 13: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

13

– Shape Tween เปนการสรางภาพเคลอนไหวทมการเปลยนแปลงรปทรงของวตถ จากรปทรงหนงไปเปนอกรปทรงหนงโดยสามารถก าหนด ต าแหนง ขนาด ทศทาง และสของวตถในแตละชวงเวลาตามตองการ นยมใชกบรปวาดเทานน

การสรางภาพเคลอนไหวแบบ Tween ชวยท าใหไฟลมขนาดเลกลง และมการเคลอนไหวทมความนมนวลมากกวาแบบ Frame By Frame

3. แอคชนสครปต (Action Script)

เปนภาษาโปรแกรมทน ามาใชเพอเพมประสทธภาพในการท างานของระบบ และสามารถโตตอบ (Interactive) กบผใชงานได โดย Action Script จะถกน ามาใชเมอมการกระท าเกดขน ซงเรยกวา เหตการณ (Event) เชน การคลกเมาส หรอกดคยบอรด โดยจะน า Action Script มาใชโตตอบกบ Event นน เชน สงใหแสดง Movie เปนตน

Action Script ไมสนบสนนออบเจกตบางตวทระบอยบน Browser เชน Document, Window, Anchor, Unicode เปนตน

เทคนคในการสรางอะนเมชน

- ก าหนดลกษณะการเคลอนไหวทตองการทงหมด

- เลอกเครองมอใหเหมาะสมกบงาน

- ก าหนดล าดบการแสดงผลของอะนเมชนทตองการ

- ทดสอบแสงเงา

- ตรวจสอบซ าอกครง

- เพมเทคนคพเศษตางๆ และเพมเสยงประกอบใหกบอะนเมชน

ในอดตการสรางอะนเมชนจะใชในการสรางภาพยนตรการตน ซงตองใชฝมอของผเชยวชาญทงหมด ตงแตออกแบบเนอเรอง การวาดตวการตน และสรางเปนอะนเมชน เรยกการสรางอะนเมชนแบบนวา “เซลอะนเมชน (Cel Animation)”

ตอมาไดรบการพฒนาอยางตอเนอง จนสามารถสรางอะนเมชนดวยคอมพวเตอรได เรยกอะนเมชนทสรางดวยคอมพวเตอรวา “คอมพวเตอรอะนเมชน (Computer Animation)” การใชคอมพวเตอรจ าลองสวนตาง ๆ ของรางกายเพอการศกษาม 2 แบบ

– คนเมตก (Kinematic)

– มอรฟฟง (Morphing)

Page 14: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

14

1. คนเมตก (Kinematic)

เนนการเรยนรลกษณะ กรยาทาทาง และการเคลอนไหวของโครงสรางสวนทมการเชอมตอกน เชน ทาทางการเดนของมนษย ซงจะตองท าการค านวณต าแหนง จดหมน ความเรว และความเรงของการเคลอนทของขอตอตางๆ ภายในรางกายมนษย เชน การงอเขา สายสะโพก แกวงไหล ผงกศรษะ เปนตน

โปรแกรม Fractal’s Poser เปนโปรแกรมหนงทใชในการสรางรปแบบรางกายของมนษย (ผชาย ผหญง ทารก และวยหนมสาว ในทาทางตางๆ กน เชน ทาทางในการเดน หรอเคลอนไหวอวยวะตางๆ สรางผวในรปแบบของกลามเนอ ความสมพนธและขอจ ากดของขอตอตางๆ เชน มอและชวงแขนหรอขอศอกทไมสามารถพบไปดานหลงได ซงหลงจากทมการก าหนดเงอนไขตางๆ แลวจะใหคอมพวเตอรค านวณผลลพธและท าการสรางภาพตอไป

2. มอรฟฟง (Morphing)

เปนเทคนคพเศษทใชในการเปลยนแปลงภาพใหกลายเปนวตถชนดอนทแตกตางกนออกไป โดยจะใชเทคนคนไดทงภาพนงและอะนเมชน แตบางครงการใชงานเทคนคนกบอะนเมชนจะใหงานทมคณภาพดกวา ตวอยางโปรแกรมลกษณะน เชน Avid’s Elastic Reality, Black Belt’s Winimages, Gryphon Software’s Morph, Human Software’s Squizz, Ulead’s Morphstudio. Jasc Paint Shop Pro และ Morph Man เปนตน

อะนเมชน 2 มต (2D Animation)

ในอดตอะนเมชนจะมลกษณะ 2 มต และอยในรปแบบของภาพยนตรการตน เชน เรองโดราเอมอน ดรากอนบอล สโนไวทกบคนแคระทงเจด ไลออนคง เปนตน โดยภาพในแตละเฟรมจะสรางดวยวธการรางภาพแบบเซลอะนเมชน

ในปจจบนนอกจากจะพบเหนบนจอโทรทศน และจอภาพยนตรแลว ยงพบไดทวไปบนเวบไซตตางๆ เชน เกมสและภาพยนตรการตนบนเวบไซตอะนเมชน 2 มต (2D)

โปรแกรมทใชในการสรางอะนเมชน 2 มต เพอแสดงผลบนเวบไซตทไดรบความนยมมากโปรแกรมหนงกคอ โปรแกรม Macromedia Flash

อะนเมชน 3 มต (3D Animation)

วธการสรางนนเปนเรองยาก เนองจากลกษณะของภาพ 3 มตจะไดมาจากการค านวณ ซงการเปลยนแปลงคาตวเลขในขณะค านวณจะมผลใหเกดการเปลยนแปลงลกษณะตาง ๆ ของวตถ นอกจากนความหนาแนนของวตถ ทศทางของแสง ต าแหนงและทศทางของกลองถายภาพ กตองก าหนดดวยตวเลขเชนกน สงส าคญทจะตองปฏบตคอ ก าหนดคณลกษณะตางๆ ของวตถและลกษณะ

Page 15: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

15

ผวของวตถใหเหมาะสมตามตองการตงแตเฟรมแรก โดยเปลยนแปลงคาของตวแปรตางๆ สรางพนผวใหกบเฟรมถดไป และตกแตงแกไขในแตละเฟรมตามความเหมาะสม จากนนจงก าหนดชวงเวลาในแตละเฟรมเพอใหเปนอะนเมชนตอไป

ปจจบนผพฒนาหลายรายตองการสรางใหอะนเมชน 3 มตมความใกลเคยงธรรมชาตมากทสด เพอใชในการสรางสภาวะเสมอนจรงทเรยกวา Virtual Reality (VR) ทพบเหนทวไปในการเลนเกมส และจ าลองการเคลอนไหวของอวยวะตางๆ

การแคปเชอรภาพอะนเมชนและความตอเนองของภาพ (Captured Animation And Image Sequences)

การเตรยมภาพส าหรบสรางอะนเมชนจะใชกลองวดโอ รวมกบเทคนคการสรางภาพอะนเมชน โดยเกบภาพอะนเมชนแตละเฟรมลงบนแผนฟลมหรอวดโอเทป โดยใชซอฟตแวรโปรแกรมท าหนาทดงกลาว เชน โปรแกรม Premiere, AfterEffect, Jasc Animation Shop และ Director ซงสามารถเลอกจดเกบภาพอะนเมชนในแตละเฟรม และแสดงผลเพอตรวจสอบความตอเนองของภาพไดตามความตองการ จากนนจงจดเกบขอมลและล าดบการแสดงผลเปนภาพวดโอแบบเอวไอ (*.AVI) ทงายตอการใชงาน

ส าหรบการสรางอะนเมชนโดยไมอาศยภาพจากกลองดจตอล กสามารถท าไดโดยการวาดภาพดวยวธเซลอะนเมชน แลวสแกนภาพแตละเฟรมทวาดผานทางเครองสแกนเนอร ซงการตดแตงภาพแตละเฟรมคอนขางงายกวาการถายภาพนงดวยกลองดจตอล และการจดเกบขอมลกสามารถจดเกบไดโดยตรง ไมตองถายขอมลภายหลงเหมอนกลองดจตอล แตตองใชเครองสแกนเนอรทมความละเอยดสง เพอใหไดภาพทคมชดและสวยงาม

รปแบบของไฟลอะนเมชน (Animation File Format) GIF (Graphics Interlace File)

- ไฟล GIF หรอ กฟอะนเมชน Gif Animation ไดรบความนยมมากเนองจากประหยดพนทในการจดเกบ โดยจะจดเกบภาพนงเปนล าดบตอเนองกน เหมาะกบการใชงานบนเวบไซต ปจจบนเวบไซตทวไปสามารถแสดงผลภาพกฟอะนเมชนไดทงสน

- Gif89a พฒนาขนในป ค.ศ.1989 เปนรปแบบหนงของกฟอะนเมชน มกจะเรยกกนวา อะนเมทเทดกฟ (Animated Gif)

- ปจจบนมหลายโปรแกรมทสนบสนนการสรางกฟอะนเมชน เชน โปรแกรม Animagic Gif, Premiere และ Flash ซงสามารถจดเกบกฟอะนเมชนไดทงสน

- มาตรฐานอะนเมชนทผลตในรปแบบของวดโอ และภาพยนตรเอวไอ (AVI Movie) ไดรบความนยมเปนอยางมากในปจจบน โดยสามารถแกไข ผสมผสานกบคลปอะนเมชน (Animation

Page 16: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

16

Clip) อนๆ เพมเตมเทคนคพเศษ และเตรยมเปนทรพยากรส าหรบใชงานในผลตภณฑมลตมเดยได อยางไรกตามคลปอะนเมชนจะมลกษณะเฉพาะบางอยางมผลตอการใชงาน โดยเฉพาะรปแบบของการวาด ลกษณะรปราง และพนผวทราบเรยบของภาพอะนเมชนอกทงยงมการสญเสยของขอมลนอยกวาไฟลวดโอ ตวอยางเชน การแปลงไฟลแบบเอวไอเพอแสดงผลเปนการตนกฟอะนเมชนและเพมเตมเทคนคใหอะนเมชนแตละเฟรมแลดมเงาแสงใกลเคยงความจรงมากทสด ดวยความละเอยด 256 ส หลงจากนนกน าภาพแตละเฟรมมาจดล าดบการแสดงผลดวยโปรแกรม Animagic Gif และจดเกบอะนเมชนในรปแบบกฟอะนเมชนตอไป พนททเกบขอมลกฟอะนเมชนจะใชเพยง 1.01 Mb เทานน

JPG (Joint Photographer’s Experts Grop)

- เปนไฟลภาพทใชงานบนระบบเครอขาย มโปรแกรมสนบสนนในการสรางจ านวนมาก สามารถเรยกดไดกบ Graphics Browser ทกตว มกใชในกรณทตองการน าเสนอภาพทมความละเอยดสง (สนบสนนสถง 24 bit) ใชกบภาพถายทน ามาสแกน มระบบแสดงผลตงแตความละเอยดนอยๆ และคอยๆ ขยายไปสความละเอยดสง โดยผใชสามารถก าหนดคาการบบอดไฟลไดตามตองการ (คาของการบบอดไฟลอยระหวาง 1-10) ไฟลทไดจงมขนาดเลก แตกมขอเสยคอ ไมสามารถท าใหพนภาพโปรงใสได และเมอมการสงภาพจาก Server ไปแสดงผลท Client จะท าใหการแสดงผลภาพชามาก เพราะตองเสยเวลาในกาคลายไฟล ดงนนการเลอกคาการบบอดไฟล ควรก าหนดใหเหมาะสมกบภาพแตละภาพ

PNG (Portable Network Graphics)

- เปนไฟลทท าพนภาพใหโปรงใสได สนบสนนสไดตามคา “True Color” (16 bit, 32 bit หรอ 64 bit) มระบบแสดงผลตงแตความละเอยดนอย ๆ และคอย ๆ ขยายไปสรายละเอยดทมความคมชดมากขน (Interlace) โดยผใชสามารถก าหนดคาการบบอดไฟลไดตามตองการ ไฟลทไดมขนาดเลก แตหากก าหนดคาการบบไฟลไวสง กจะตองใชเวลาในการคลายไฟลสงตามไปดวย

- โปรแกรมสนบสนนในการสรางมนอย ไมสามารถเรยกดกบ Graphic Browser รนเกาได เปนไฟลทสนบสนนเฉพาะ IE 4 และ Netscapeซอฟตแวรส าหรบเทคโนโลยอะนเมชนFlashPlayer เปนโปรแกรมทสามารถสรางภาพมลตมเดยทท าให Browser รจกกบไฟลได สามารถใชงานบน Opera BrowserFlash โปรแกรมส าหรบสรางงานทางดานสอทหลากหลายทงภาพและเสยง เชน สรางภาพกราฟก สรางงานอะนเมชน สรางภาพเคลอนไหวใหกบงาน สรางงานอนเตอรแอ๏กทฟ(Interactive) ใหสามารถโตตอบได

Shockwave เปนโปรแกรมทสามารถแสดงกราฟก ภาพเคลอนไหว เสยง รวมทงสามารถโตตอบกบผใชได

Page 17: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

17

Macromedia Director เปนโปรแกรมทสามารถสรางไฟลขอมลส าหรบเลนกบปลกอนได

Macromedia Flash เปนโปรแกรมทชวยในการสรางสอมลตมเดย กราฟกส าหรบงานเวบ

TrueSpace โปรแกรมสรางรปทรง 3 มต สามารถใชสรางรปมนษย ใบหนา อารมณตางๆ และการวดรปทรงเรขาคณตได

Easy Gif Animator โปรแกรมชวยท าภาพ

Gif Animation สามารถฟรววภาพตวอยาง และสามารถก าหนดรายละเอยดของภาพในแตละเฟรมไดCad4 โปรแกรมส าหรบงานออกแบบภายใน เชน อาคาร บานเรอน โรงงาน เปนตน

3D Browser Light โปรแกรมชวยในการท างานกบไฟลภาพ 2 มต และ 3 มต2

0-Sim Pro Viewer โปรแกรมสรางภาพเสมอนและจ าลองระบบการท างานตางๆ ดานวศวกรรม

Mosaic Magic โปรแกรมสรางภาพโมเสก

Font FX เปนโปรแกรมส าหรบสรางภาพอะนเมชน

SWISH โปรแกรมสรางเวบเพจในรปแบบอนเตอรแอ๏กทฟ (Interactive) เชนเดยวกบ FlashFlying Pop Corn 2001 โปรแกรมสรางภาพเคลอนไหว มเครองมอทเหมาะแกการใชงาน

3D Canvas เปนโปรแกรมสรางภาพ 3 มต แบบเรยลไทม

Moho โปรแกรมสรางการตนหรออะนเมชนในรปแบบ 2 มต

CADMAX Solid Master โปรแกรมออกแบบจ าลองทง 2 มต และ 3 มต

SendPic เปนโปรแกรมส าหรบดดแปลงคณลกษณะตาง ๆ ของรปภาพ

Famous3dproducer โปรแกรมส าหรบการสรางภาพอะนเมชนแบบเหมอนจรง

Xara X เปนโปรแกรมทสามารสราง Vector Graphic ได

CoffeeCup Firestarter เปนโปรแกรมทส าหรบสราง

Flash Animation3D Explortion โปรแกรมส าหรบสรางภาพ 3 มต

Adobe Atmosphere โปรแกรมออกแบบภาพกราฟกแบบ 3 มต

Design CAD เปนโปรแกรมออกแบบสงพมพและงานมลตมเดยตางๆ ประเภท

Cad/CamBabarosa โปรแกรมชวยส าหรบการสรางภาพ Gif Animation หรอท าแบนเนอรบนเวบ

Page 18: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

18

อะนเมชนบนระบบเครอขาย

- การใชภาพอะนเมชนบนระบบเครอขาย สามารถชวยสรปความคด จนตนาการมาเปนขอมลทสอสารไดงาย สรางระบบการถายทอดทมความเดนชด แปลความหมายไดอยางรวดเรว สรางระบบการเรยนร แนวคดใหมๆ คานยมทางความคดทงดงาม ความเจรญกาวหนาทางธรกจและสงคม จะชวยดงดดความสนใจจากผเขาชมไดโดยการน ามาภาพอะนเมชนเขาไปในเวบเพจ แตตองระวงเรองขนาดของไฟลทจะน ามาใช เนองจากหากเปนภาพทมขนาดใหญจะตองใชพนทในการจดเกบเปนจ านวนมาก และจะท าใหใชเวลาในการดาวนโหลดภาพอะนเมชนนานเกนไป

- สงส าคญทตามมากคอ เทคโนโลยการบบอดขอมล ซงการบบอดท าใหสามารถรบสงขอมลไดรวดเรวขน และใชพนทในการจดเกบไฟลนอยลง โดยไฟลทนยมใชบนระบบเครอขาย คอ GIF Animation, JPG และ PNG

อาชพทเกยวของกบงานอะนเมชน

- งานภาพยนตรและโทรทศน เปนการทน างานอะนเมชนไปใชมากทสด เชน ภาพยนตรทใช Computer Graphic หรอการใส Special Effect ตางๆ ลงในภาพยนตร

- งานพฒนาเกมส ในปจจบนจะเหนวาเกมสคอมพวเตอรสวนมากจะเปนเกมส 3 มต ดงนนงานดานนกถอวาเปนงานทมความนาสนใจดานหนง

- งานสถาปตยกรรมและการกอสราง จะมความสะดวกมากขนหากใชอะนเมชนมาชวย เนองจากงานออกแบบเปนงานทตองการความละเอยดและมความซบซอนมาก เชน งานเขยนแบบอาคาร งานตกแตงภายใน เปนตน

- งานดานวทยาศาสตร ปจจบนงานดานวทยาศาสตรไดมความกาวหนาไปมาก ดงนนเครองมอแบบเกาจงไมสามารถรองรบการคนควาความรใหมๆ ได เชนการสรางโมเดลจ าลองเพอใหเปนภาพตางๆ ทเกดจากการสมมตฐาน

- งานพฒนาเวบไซต เปนอกทางเลอกหนงจากการใชงาน 3 มตบนเวบไซตสามารถใชดงดดความสนใจใหมผเขามาชมเวบไซตไดเปนจ านวนมาก

Page 19: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

19

2.4 ทฤฎการชนกนของวตถ การชนกน พจารณาระบบโดดเดยวทประกอบดวยอนภาค m1 และ m2 เคลอนทมาชนกน

ดงรป

สรป โมเมนตมรวมของระบบกอนการชนมคาเทากบโมเมนตมรวมของระบบหลงการชน

Page 20: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

20

การชนกนม2 แบบคอ

1. การชนกนแบบไมยดหยน

- อนรกษโมเมนตม

- ไมอนรกษพลงงานจลนรวม

- ถาเปนการชนแบบไมยดหยนอยางสมบรณ หลงการชนกนแลววตถ

ทงสองจะเคลอนทไปดวยกน

2. การชนกนแบบยดหยน

- อนรกษโมเมนตม

- อนรกษพลงงานจลนรวม

การชนกนใน 1 มต

� การชนกนแบบไมยดหยนอยางสมบรณ

Page 21: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

21

การชนกนแบบยดหยน

Page 22: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

22

การชนกนแบบยดหยนใน 2 มต

Page 23: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

23

2.5 Python Script

การใช Python Script ส าหรบการท างานรวมกนกบโปรแกรม Blender จะตองเตรยมทรพยากรส าหรบการการใชงานภาษา Python ใหพรอมกอน โดยขนตอนแรกใหดาวนโหลดตวคอมไพลสครปทเปน Python ซงสามารถดาวนโหลดไดท http://www.python.org เมอโหลดมาแลวใหท าการตดตงใหสมบรณ แลวไปโหลดสครปทใช Import file ซงสามารถดาวนโหลดไดท

http://70.174.118.233:8080/programming/blender/index.html#3DS แลวอยางสดทายทตองมคอไฟล .3ds ทเราตองการจะ Import เขามา

วธการใช

1. เปลยนหนาตางไปท Text Editor

2. ทหนาของ Text Editor กดท File / Open แลวใหไปเปดไฟล Script ทดาวนโหลดมา

3. จะมตวหนงสอทเปนสครปขนมา จากนนใหไปกดท File / Run Python Script จากนนหนาของตวอกษรทเปนสครปจะเปลยนเปนหนาทให Open file

4. เปดไฟล .3ds ทเตรยมไวในตอนแรก เมอเลอกแลวกดปม Import 3DS ไฟลทเลอกนนจะถกเรยกขนมาท างานในเบลนเดอร

ตวอยาง Python Script ทใชในการสรางเกมบนโปรแกรม Blender

1. การจดการกบ key event ดวย python script ในการใช sensor ชนด keyboard เพอรบการกดปมจากผใชนน ถาเราเชอม sensor เขากบ

controller ทเปน logic ธรรมดา (AND , OR , XOR , ... ) กจะเรมท างานหรอสง event ตามทเรากดปม และกจะหยดท างานตอนทเราปลอยปม ซงถอเปนเรองปกต ทเราตองการท างานตอนกดปม และหยดท างานตอนปลอยปม แตถาเราเปลยนจากตอ sensor เขา logic ธรรมดา มาตอเขากบ python script เราจะเหนกลไกการท างานของ keyboard event ทเกดขน คอเมอมการกดปมให sensor ท างาน ตว sensor จะสง event ทเปน property ชอวา " positive " ทมคาเทากบ 1 มา และถาปลอยปม กจะสง positive มาอกครงนง คอ positive ทมคาเทากบ 0 มา เทากบวา event จะถกสงมาสองครงดวยคาของตวแปร positive ทเปน 0 กบ 1 เมอเรารเชนนแลว สมมตเราตองการให script ท างานเมอกดปม ตอนปลอยปมไมตองท า กสามารถดกจบไดงาย ๆ เชน ม sensor ชนด keyboard ชอวา " Keyboard " ตอเขากบ script ชอวา " key_event.py " ใน script จะมการท างานดงน

Page 24: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

24

#key_event.py from bge import logic cont = logic.getCurrentController() keypress = cont.sensors['Keyboard'] if keypress.positive: print("คณกดปม keyboard , ท าอะไรซกอยาง") else : print("คณปลอยปม keyboard แลว , ไมตองท าอะไร") หรอถาจะให script ท างานเฉพาะตอนทปลอยปมเทานน กแกเปน

#key_event.py from bge import logic cont = logic.getCurrentController() keypress = cont.sensors['Keyboard'] if not keypress.positive: print("คณปลอยปม keyboard แลว , ท าอะไรซกอยาง")

2. วธการ Random Object 1. ท าการสรางพน Plane 2. ท าการสราง Object ทตองการสม 3. ท าการสรางสครปต โดยตงชอไฟลวา addObject.py แลวใสสครปตดงตอไปน from bge import logic import random cont = logic.getCurrentController() own = cont.owner space = own.sensors['space'] addobj = own.actuators['addObject'] if space.positive == 1: obj = logic.getSceneList()[0].objects rand = random.randint(1,6)

Page 25: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

25

print(rand) addobj.subject = str(rand) cont.activate(addobj) จากสครปตเปนการก าหนดจดสม Object ทงหมด 6 จด 4. ท าการสราง Empty โดยเชอม Logic ดงน Delay > Python > Message ดงภาพ

ภาพท 2.4 ภาพแสดงการเชอมโยง Logic

5. ท าการสราง Empty โดยเชอม Logic ดงน Message > And > Edit Object ดงภาพ

ภาพท 2.5 ภาพแสดงการเชอมโยง Logic

จากนนน า Empty ทสรางไปวางไวทต าแหนงทเปนจดสม (หากตองการใหมจดสมหลายจด ตองท าการสราง Empty ขนมาวางตามจดนน ๆ) 6. เมอท าส าเรจตามขนตอนใหกด Run (P)

Page 26: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

26

2.6 รปแบบเกม โปรแกรม Blender เปนโปรแกรมทสามารถน าไปประยกตใชงานไดหลายรปแบบ จงท าใหเกดผลงานทหลากหลาย เชน การสรางโมเดลสนคา การท าภาพเคลอนไหว การสรางเกม เปนตน เกมทถกสรางขนดวยโปรแกรม Blender มหลากหลายรปแบบดวยกน เชน เกมทด าเนนไปตามเนอเรอง เกมทตองท าตามเงอนไขใหส าเรจจงจะผานดาน เกมทสอดแทรกสาระความร เกมแขงรถ เกมตอส เกมยงปน ทงในรปแบบสองมตหรอสามมต ซงเกมทผพฒนาจดท าขนเปนเกมสามมตทตองท าตามเงอนไขของแตละดานใหส าเรจจงจะสามารถผานไปยงดานถดไปไดและยงสอดแทรกการปลกฝงจตใตส านกใหผเลนชวยกนอนรกษธรรมชาต ทงยงสงเสรมความคดสรางสรรคอกดวย เกมแตละเกมทถกสรางขนลวนมจดประสงคทแตกตางกน ทงนขนอยกบแนวเกม เนอเรองภายในเกมและองคประกอบอน ๆ เชน แสง ส เสยง ซงผพฒนาไดวางโครงสรางเนอเรองไวเกยวกบการอนรกษธรรมชาต

2.7 ตวอยางเกมกรณศกษา ตวอยางเกมแนวตอสผจญภญ จากตวอยางเกมทไดท าการศกษาเปนเกมแนวตอส ด าเนนไปตามเนอเรอง ซงมการก าหนดตวละครส าหรบเลนไวแลว มแถบพลงชวต และแอนเมชนการโจมต วธการเลนเกม ผเลนสามารถบงคบตวละครได 4 ทศทาง คอ เดนหนา ถอยหลง หนทางซาย หนทางขวาและสามารถกดปมโจมตได เมอตวละครเดนจะแสดงแอนเมชนการเดน เมอตวละครเขาใกลสตวประหลาด สตวประหลาดจะท าการเดนเขามาโจมต ซงจะแสดงแอนเมชนโจมต เมอตวละครผเลนโดนโจมตจะหกคาพลงชวตลงถาพลงชวตหมดจะจบเกมและตองเรมเลนใหม แตตวละครของผเลนกสามารถโจมตสตวประหลาดไดเหมอนกน เมอแถบพลงชวตของสตวประหลาดหมดสตวประหลาดกจะตาย

Page 27: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

27

บทท 3 วธด าเนนโครงงาน

ในบทนจะกลาวถงขนตอนในการด าเนนโครงการ โดยมขนตอนตางๆ ดงตอไปน

3.1 ก าหนดขอบเขตของเกมทจะท าการพฒนา การสรางเกมนนจ าเปนทจะตองก าหนดเนอเรองของเกมทจะท าการพฒนาไวกอน เพอทจะน ามาก าหนดเปนขอบเขตทแนนอนของโครงงาน หากไมมการก าหนดขอบเขตการท างาน ขอบเขตจะขยายไปเรอย ๆ เนองจากจนตนาการทใชในการออกแบบมมากมายไมสนสดยากแกการควบคม โครงงานนเปนโครงงาน ประเภทโปรแกรมเพอความบนเทง ใชคอมพวเตอรโนตบ๏กเปนอปกรณในการพฒนาแบบออฟไลน ซงมการสอดแทรกการปลกฝงจตใตส านกเขาไปในตวเกมทเขยน โครงงานนมจดมงหมายเพอการพฒนาศกยภาพของผใชโปรแกรมใหสามารถน าเอาความสามารถของโปรแกรมออกมาใชอยางมประสทธภาพ สงเสรมการเรยนร สงเสรมความคดสรางสรรคและปลกฝงจตใตส านกของผใชใหเกดการพฒนาในระดบหนง ซงเหมาะสมกบเยาวชนระดบประถมศกษาและมธยมศกษา โดยใชโปรแกรม Open Source เขามาชวยในการพฒนาโครงการ โปรแกรมหลกทใชในการพฒนา คอ โปรแกรม Blender ผสนใจสามารถน าโครงการนไปพฒนาตอได ในสวนของเกมจะแบงออกเปน 4 ดาน ซงแตละดานจะมภารกจใหท า ซงเมอท าตามเงอนไขครบจะสามารถผานดานนน ๆ ไปยงดานถดไปได ตวละครสามารถควบคมไดดวยแปนพมพ มเสยงเพลงประกอบฉากและมแอนเมชน

3.2 รวมรวมเอกสารตาง ๆ และสอทเกยวของกบการใชงานโปรแกรม Blender ท าการรวบรวมหนงสอ เอกสาร บทความและสอตาง ๆ ทมการสอนใชงานโปรแกรม Blender เพอใชส าหรบศกษาและทดลองท าการใชงานโปรแกรมในดานตาง ๆ ศกษาแนวเกมทเยาวชนใหความสนใจและเปนแนวเกมทไมยากจนเกนไป สามารถสงเสรมความร ความคดสรางสรรค และปลกฝงจตส านกในเรองของการอนรกษธรรมชาตใหแกผเลนได 3.3 ศกษาวธการใชงานขนพนฐานจากเอกสารและสอตาง ๆ ท าการศกษาขอมลตาง ๆ จากหนงสอ เอกสาร บทความและสอตาง ๆ ทไดท าการรวบรวมไว โดยการรวบรวมหวขอทนาจะน ามาใช พรอมทงจดเกบแยกประเภท เชน โมเดล Texture การใส Logic เปนตน นอกจากนยงตองศกษาตวอยางเกมทมผพฒนาไวกอนแลว เพอน ามาประยกตใชกบการสรางเกมของเราอกดวย ซงรปแบบของเกมมมากมายและหลายแนว

Page 28: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

28

3.4 ทดลองท าการสรางโมเดลในลกษณะตาง ๆ ขนตอนนเปนการทดลองสรางโมเดลตามขอมลทไดศกษา โดยเรมจากการสรางโมเดลขนพนฐาน คอ การใชโมเดลส าเรจรปมาประกอบกนเปนโมเดลในลกษณะตาง ๆ คอ การใสกระดก การใสส การเพมความมนวาว การก าหนดความโปรงใส การใส Texture การยอขยายขนาด การหมน และการคดลอกโมเดล เมอมความช านาญในระดบหนงกท าการใชเครองมอในการสรางโมเดลและท าการปรบแตง ใหเกดเปนโมเดลใหม ๆ

ภาพท 3.1 ภาพแสดงการสรางโมเดลแบบงาย

หมายเลข 1 แสดงโมเดลทไมมความมนวาวและมลกษณะแขงกระดาง หมายเลข 2 แสดงโมเดลทมความมนวาว สะทอนแสงออกมาเปนสชมพ หมายเลข 3 แสดงโมเดลฐานทมความโปรงใส หมายเลข 4 แสดงโมเดลทมความมนวาวสะทอนแสงไฟ พนผวผวเรยบ หมายเลข 5 แสดงใหเหนวาฐานมความโปรงใส สามารถมองทะลเหนโมเดลทรงกลมได หมายเลข 6 แสดงโมเดลทรงกรวยมความมนวาวสะทอนแสงไฟ พนผวแขงกระดาง

Page 29: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

29

3.5 ทดลองท าการใชเครองมอตาง ๆ ในโปรแกรม ในขนตอนนจะเปนการทดลองใชเครองมอตาง ๆ ผสมผสานกนในการท างาน เชน การท าใหวตถมการตอบสนองกบค าสงตาง ๆ ผานคยบอรด การปรบมมกลอง การก าหนดแหลงก าเนดแสง การท าใหวตถเคลอนท การท าภาพเคลอนไหว เปนตน โปรแกรม Blender มเครองมอส าหรบใชปรบแตงมากมาย ท าใหงานทไดมความหลากหลายซงการจะท าใหงานมความละเอยดและสมจรงนนขนอยกบประสบการณการใชงานโปรแกรม ดงความสามารถของเครองมอตาง ๆ ออกมาใชงานใหเกดประโยชนและมคณภาพสงสด

ภาพท 3.2 แสดงการทดลองใชเครองมอ

จากภาพท 3.2 เปนการใชเครองมอในโปรแกรม Blender สรางงานรปแบบงานงาย ๆ ซงมแหลงก าเนดแสง การจดมมกลอง วตถทรงกลมสน าเงนสะทอนแสงและพนทไมสะทอนแสง

3.6 ทดลองท าการประยกตใชเครองมอ เพอใหเกดงานรปแบบแปลกใหม เมอเรมเกดความช านาญในการสรางโมเดลระดบหนง จงท าการประยกตใชงานเครองมอตาง ๆ โดยการประสานงานเครองมอหลายชนดเขาดวยกนเพอใหเกดความละเอยดและสมจรงมากยงขน เชน การท าใหวตถโคงมน การท าใหวตถสะทอนแสง การท าใหวตถเคลอนไหวโดยอตโนมต เปนตน การท าใหโมเดลมความสมจรงนนตองพงทฤษฎแสงและสเขามาชวย เพอใชในการสออารมณของโมเดลแตละชนด เชน ตนไมทมลกษณะใกลตาย จะใชสเขยวเหลองเปนตวสออารมณออกมา สวนตนไมทแขงแรงจะใชสเขยวเขมเปนตวสออารมณ เปนตน

Page 30: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

30

ภาพท 3.3 แสดงการใชเทคนคเกยวกบแสง จากภาพท 3.2 เปนการจดมมกลอง ก าหนดแหลงก าเนดแสง ใชเทคนคการท าพนผวใหดยบและวตถทรงกลมผวเรยบสะทอนแสงไฟ โดยก าหนดแหลงก าเนดแสง 2 จด ซงใหจดแรกซงอยทางดานขวาของโมเดลกระจายแสงสเขยวและจดทสองซงอยทางดานซายของโมเดลกระจายแสงสชมพ ท าใหโมเดลทรงกลมทมสน าเงนสะทอนแสงสเขยวและชมพดงภาพ

3.7 ท าการออกแบบโมเดลและลวดลายตาง ๆ ส าหรบใชเปนแบบในการขนรปโมเดล ขนตอนนจะเปนการออกแบบโมเดลทจะใชจรงในเกม ซงจะท าการออกแบบเปนภาพวาดกอน แลวจงท าการขนโมเดลในโปรแกรม นอกจากนยงมการออกแบบเสยง สสนตาง ๆ เพอใหเกดความสมจรงมากทสด การออกแบบโมเดลจะเนนทความสมจรงและใหความรสกเหมอนเปนสงทมอยจรงในโลกน โดยเนนทการใชส แสงและเสยงถายทอดอารมณ ท าใหผเลนเกดความอยากรอยากเหนและสงเสรมจนตนาการความคดสรางสรรคใหผเลนในระดบหนง การจะท าพนผวใหสมจรงนนมเทคนคมากมาย ไมวาจะเปนการท าแสงสะทอนระหวางพนผวกบตนก าเนดแสง การท าใหวตถดออนนมโคงมนหรอแขงกระดาง การใส Texture เพอเพมลวดลายใหกบวตถ นอกจากน Texture ยงสามารถน ามาท าเปนฉากไดหลากหลาย ขนกบการออกแบบ เชน ท าพนหญา พนปน พนดน พนทราย เปนตน

Page 31: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

31

ภาพท 3.4 แสดงการปรบแตง Texture

จากภาพท 3.4 เปนการปรบแตง Texture ใหมสสนเหมาะกบการน าไปใชงานในเกมทสราง เพอใหเกดความสมจรงมากยงขน นอกจากความสมจรงแลวการออกแบบตองค านงถงความชอบของกลมเปาหมาย ซงกคอเยาวชนอกดวย เพราะฉะนนการออกแบบโมเดลตาง ๆ ตองออกแบบใหมสสนทสามารถใชดงดดเยาวชนได มความสดใส และใชสทท าใหฉากดลกลบนาคนหา

ภาพท 3.5 แสดงการน า Texture ไปใชงาน

จากภาพท 3.5 เปนการน าเอา Texture ทไดท าการสรางขนไปใชงาน ท าใหภาพดสมจรงมากยงขน ดเหมอนอยใตทองมหาสมทร

Page 32: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

32

3.8 ท าการสรางโมเดลตาง ๆ และจดเกบเปนหมวดหม ในขนตอนนจะเปนการสรางโมเดลทจะน าไปใชงานจรงในเกม ซงท าการสรางตามทไดออกแบบไวกอนหนา รวมทงการลงสใหเกดความสมจรง เมอเราสรางโมเดลตาง ๆ แลว จงตองท าการจดเกบโมเดลนน ๆ ไวใหเปนระเบยบ โดยการแยกไฟล เพองายตอการเรยกใชงาน โดยการแยกโมเดลทกอยางออกเปนชน ๆ ท าใหสามารถน าเอาไปใชในการพฒนาตอได

ภาพท 3.6 แสดงการสรางโมเดล จากภาพท 3.6 เปนภาพหนาจอของโปรแกรม Blender ส าหรบสรางโมเดล มอปกรณส าหรบใชในการสรางและตกแตงมากมาย

เนองจากเครองมอทใชปรบแตงโมเดลมมาก ผใชงานจงควรศกษาวธการใชงานเครองมอตาง ๆ ใหเกดความช านาญ ยงผใชงานโปรแกรมมความช านาญมากเทาไร การผสมผสานเครองมอเพอใชในการสรางผลงานออกมาใหดมความละเอยดสมจรงกจะท าไดดขนไปดวย

ภาพท 3.7 แสดงการแยกเกบไฟลตาง ๆ จากภาพท 3.7 เปนภาพแสดงการจดเกบไฟลโมเดลทเราไดท าการสราง ซงเราจะแยกเกบเปนหมวดหม เพอใหงายตอการเรยกใชงาน

Page 33: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

33

3.9 ท าการประกอบฉาก โดยการน าเอาโมเดลตาง ๆ มาผสมผสานกน การท าฉากจะท าไดโดยการน าโมเดลทไดท าการสรางมากอนหนาน มาจดวางในฉากเปลาใหเกดเปนฉากทมความสวยงามสมจรงในรปแบบสามมต โดยจะมการปรบส แสงและเสยง ทใชในการสรางฉากใหเกดการถายทอดอารมณของเกมใหมความตนเตน เราใจ นาใชงาน

ภาพท 3.8 แสดงการสรางฉาก จากภาพท 3.8 เปนการแสดงการสรางฉาก โดยการเรยกใชโมเดลทไดสรางกอนหนานมาใช เพอใหเกดความสมจรงมากยงขนผพฒนาสามารถเปลยนสของโมเดลตาง ๆ ไดอยางอสระ สามารถเพมแหลงก าเนดแสงใหสองไปในจดทตองการได

ภาพท 3.9 แสดงเทคนคการใชส จากภาพท 3.9 เปนการแสดงเทคนคการใชส ซงเปนการใชเทคนคสสอความรสก ท าใหผเลนมอารมณรวมไปกบเกม เชน ภาพทแสดงนสอใหเหนถงธรรมชาตทก าลงเหยวเฉา นอกจากนการสรางฉากยงตองค านงถงวธการสอดแทรกจตส านกในการอนรกษธรรมชาตเขาไปดวย คอ การสรางฉากใหเหนถงผลกระทบของขยะกบธรรมชาต ยกตวอยางเชน ภายในฉากจะ

Page 34: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

34

แสดงถงตนไม ใบหญา ทมสบงบอกถงความแหงแลงและธรรมชาตก าลงจะตาย ท าใหเกดการปลกฝงจตส านกแฝงไวในฉากดวย 3.10 ท าการสรางแอนเมชน เมอเราไดฉากส าหรบใชสรางเกมแลว การด าเนนเนอเรองตองพงการท าแอนเมชนเขามาชวยเพอใหผเลนเกดความเขาใจเนอเรองของเกมและท าใหมความรสกคลอยตาม การท าแอนเมชนจงเปนปจจยส าคญอกอยางหนงเพอท าใหเกมมความสมบรณมากยงขน

การสรางแอนเมชนนนถอไดวาเปนการเรยกใชเครองมอส าคญของโปรแกรม Blender เครองมอหนงมาใชงาน เพราะการท าแอนเมชนนนมความซบซอน เครองมอจงมมากมายใหผพฒนาเลอกใชใหเหมาะสมกบงานทไดท าการพฒนา ยงงานแอนเมชนมความสมจรงมากเทาใด จะเปนการแสดงใหเหนวาการสรางนนมความซบซอนมากเทานน

3.11 ท าการใส Logic ตาง ๆ การใส Logic ในโปรแกรม Blender ถอเปนหวใจหลกส าหรบการท าเกม ซงตว Logic นจะเปนตวก าหนดการกระท าเกอบทงหมดในเกมเลยกวาได เชน การบงคบการเคลอนทของตวละคร การเปลยนฉาก การสรางเงอนไข รวมทงการก าหนดเสยงตางๆ เปนตน

ภาพท 3.10 แสดงตวเลอก Logic

โดยรวมแลว การใส Logic นกคอการก าหนดเงอนไขใหกบตวเกมนนเอง ซงสามารถท าไดหลากหลายรปแบบและประยกตใชไดหลายทางดวยกน ไมวาจะเปนการก าหนดวตถหนงชน ตอหนงเงอนไขหรอวตถหนงชนใหมหลายเงอนไขกสามารถท าได เชน ตวละครหนงตวสามารถก าหนดใหมการเดนไปดานหนา ถอยหลง หมนไปดานซาย หมนไปดานขวาได ซงตว Logic จะเปนตวก าหนดทงสน เพราะฉะนนการก าหนด Logic ใหกบตวเกมจงเปนปจจยหลกของการสรางเกมเลยทเดยว

Page 35: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

35

ภาพท 3.11 แสดงการใส Logic

จากภาพท 3.11 เปนการแสดงการใส Logic การเคลอนทใหกบตวละคร ซงมการเดนหนา ถอยหลง หมนซายและหมนขวา โดยผพฒนาจะตองเลอก Logic ใหถกตองกบความตองการ เพราะโปรแกรมมตวเลอก Logic หลากหลายรปแบบ หากเลอกการท างานทไมตรงกนหรอไมสนบสนนกนจะท าใหเกดขอผดพลาดขน ท าใหไมเกดการท างานหรอเกดการท างานผดแปลกไปจากทก าหนดได จงเปนขอควรระวงอยางมาก

3.12 ทดลองเกมและหาจดบกพรอง เพอท าการแกไข ขนตอนนจะเปนการทดสอบเกม ส าหรบการหาขอผดพลาดตาง ๆ เพอท าการแกไขใหเกมทสรางนนมความสมบรณตามทตองการ

ภาพท 3.12 แสดงการทดสอบเกม

Page 36: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

36

จากภาพท 3.12 เปนการแสดงหนาจอทดสอบเกม โดยทดสอบในโปรแกรม Blender เพอหาขอผดพลาด หากเราพบขอผดพลาด เราสามารถแกไขขอผดพลาดดงกลาวไดเลย

3.13 จดท าไฟลเกม การจดท าไฟลเกมนนท าไดโดยการบนทกเกมดวยค าสง Export ---> Save As Game Engine Runtime

ภาพท 3.13 แสดงวธการท าไฟลส าหรบเลนเกม ปญหาส าหรบผทเพงเรมตนศกษาโปรแกรมน คอ ไมมปม Save As Game Engine Runtime ใหเลอก สามารถแกปญหาไดโดยการเลอกทเมน File ---> User Preferences ---> Addons ---> Game Engine และท าเครองหมายทชองสเหลยม ในหวขอ Game Engine: Save As Game Engine Runtime กจะมตวเลอกปรากฏขน

Page 37: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

37

ภาพท 3.14 ภาพแสดงล าดบการเลนเกม

fail

fail fail

fail

comple

te

comple

te

comple

te

comple

te

เงอนไ

เงอนไ

เงอนไ

เงอนไ

หนา

แรก

เรมเกม Level

1

Level

2

Level

3 Level

4

จบเกม

Page 38: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

38

บทท 4 ผลการด าเนนโครงงาน

ในบทนจะกลาวถงผลการสรางและพฒนาเกมสามมตดวยโปรแกรม Blender โดยจะอธบายถงการออกแบบเกมและวธการเลนเกม ซงมรายละเอยดดงตอไปน

4.1 การออกแบบเกม การออกแบบเกมเปนไปตามวตถประสงคและขอบเขตทไดก าหนดไว มรปลกษณ สสนและเสยงทนาสนใจ เพอดงดดกลมผใชระดบประถมศกษาถงระดบมธยมศกษา ตวเกมจะเปนเกมทเลนงาย สงเสรมความคดสรางสรรคและชวยปลกฝงจตส านกในการอนรกษธรรมชาตไปในตว เมอเปดโปรแกรม เกมจะแสดงแอนเมชนสวนของผจดท าและจะแสดงแอนเมชนของการเรมเกมเมอผเลนกดปม ENTER บนแปนพมพ เมอแอนเมชนแสดงจบหรอระหวางแสดง ผเลนสามารถกดปม ENTER เพอเรมเลนเกมในดานแรกไดเลย ในสวนของตวเกมจะก าหนดตวละครทใชในการเลนเกมอยแลว ซงผเลนสามารถความคมตวละครดงกลาวใหเดนหนา ถอยหลง หมนซายและหมนขวาได ภารกจภายในเกม จะเปนการเกบขยะตาง ๆ ในแตละดาน เชน กลองโฟม กระปอง รองเทา เปนตน หากท าภารกจไมส าเรจตองกดปม R เพอท าการเรมเลนเกมในดานนน ๆ ใหม เมอท าภารกจเสรจตามขอก าหนดของดานนน ๆ จะท าใหสามารถผานไปยงดานถดไปได แตถาผเลนตองการปดตวเกมระหวางการเลนเกมกสามารถท าไดเชนกน โดยการกดปม Q จะเปนการออกเกมโดยทนท เมอท าการพชตดานครบทงสดานแลวจะแสดงแอนเมชนจบของเกม ผเลนสามารถกดปม ENTER เพอจบเกมและออกจากโปรแกรมได

4.2 วธการเลนเกม วธการเลนเกมนนไมซบซอน ผเลนสามารถควบคมเกมไดผานแปนพมพ การควบคมตวละครสามารถท าไดโดยการกดปมลกศรซาย ขวา บน ลาง กดปม R เพอท าการเรมเกมใหม กดปม Q เพอท าการออกเกม ภารกจของเกมคอการเกบขยะใหครบตามจ านวนทก าหนด เมอเกบขยะจนครบตามจ านวนแลวจะสามารถผานไปยงดานถดไปได อปสรรคภายในเกมจะเปนการใชสงแวดลอมทสรางขนบงมมกลองของผเลน ท าใหเลนไดอยากยงขน นอกจากนเมอตวละครของผเลนชนกบสงแวดลอมตาง ๆ ภายในเกม จะท าใหตวละครกระเดนออก หากกระเดนจนตกออกจากฉากจะท าใหภารกจลมเหลวโดยทนท ซงผเลนตองกดปม R เพอเรมเลนเกมในดานนน ๆ ใหม

Page 39: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

39

ภาพท 4.1 แสดงการเปดไฟลเกม

จากภาพเปนการเปดไฟลเกมเพอเรมตนเลนเกม ซงหากผเลนตองการจะน าเกมไปเลนบนเครองอน เครองดงกลาวตองมโปรแกรม Blender Player ซงเปนโปรแกรมทใชในการแสดงผลและผเลนยงตองคดลอกไฟลทกไฟลทเกยวของกบเกมนน ๆ ไปใหครบดวย เพอการแสดงผลทครบถวน

ภาพท 4.2 แสดงหนาแอนเมชนของผจดท า จากภาพจะเปนหนาแรกเมอผเลนท าการเปดไฟลเกมขนมา เปนการแสดงแอนเมชนพรอมเสยงประกอบ

Page 40: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

40

ภาพท 4.3 แสดงหนาแอนเมชนกอนการเรมเกม

จากภาพเปนการแสดงแอนเมชนพรอมเสยงประกอบกอนการเรมเลนเกมในดานแรกสามารถกด ENTER เพอเรมเลนเกมไดทนท โดยไมจ าเปนตองรอแอนเมชนแสดงจนจบ

ภาพท 4.4 แสดงฉากเกมในดานแรก Dirty City

จากภาพเปนการแสดงหนาจอของเกมในดานแรก Dirty City ภายในหนาจอจะแสดงปมลกศรควบคม ขอมลภารกจและตวเลอกส าหรบการท างาน สามารถเรมเลนเกมไดทนท

Page 41: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

41

ภาพท 4.5 แสดงฉากจบเกมในดานแรก

จากภาพเปนการแสดงฉากจบของดานแรก เมอท าภารกจส าเรจตามเงอนไขและจะมการบอกภารกจของดานถดไป ผเลนสามารถกดปม ENTER เพอเรมเลนเกมในดานถดไปไดทนท

ภาพท 4.6 แสดงฉากเกมในดานทสอง

Page 42: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

42

ภาพท 4.7 แสดงฉากจบเกมในดานทสอง

ภาพท 4.8 แสดงอปสรรคภายในเกม

จากภาพเปนการแสดงอปสรรคภายในเกมซงกคอการใชสงแวดลอมในเกมบดบงมมกลองของผเลน ท าใหเกดความยากขนมาในระดบหนง

Page 43: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

43

ภาพท 4.9 แสดงการท าภารกจไมส าเรจ

จากภาพเปนการแสดงการท าภารกจทไมส าเรจ เนองจากผเลนควบคมตวละครพลาดจนตกขอบของดาน สามารถเรมเกมใหมไดโดยการกดปม R

ภาพท 4.10 แสดงแอนเมชนฉากจบของเกม

จากภาพเมอผเลนสามารถพชตดานทงสดานไดส าเรจ เกมจะแสดงแอนเมชนสดทายของการเลนเกมเปนฉากจบ ผเลนสามารถกดปม ENTER เพอออกจากเกมได ในแตละดานจะใชส แสงและเสยงในการสออารมณของเกม ซงการใชสและแสงนนตองใชทฤษฎเขามาชวยเพอใหเกดการสออารมณไดชดเจนยงขน

Page 44: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

44

ภารกจภายในเกมเปนการเกบขยะตาง ๆ จงชวยสงเสรมจตส านกของผเลนซงมงเนนกลมเยาวชนเปนส าคญใหชวยกนอนรกษธรรมชาตดวยวธงาย ๆ ได ฉากตาง ๆ ภายในเกมมการใชเทคนคการใชส แสงและเสยง สามารถใชเปนตวจดประกายความคดสรางสรรคใหกบผเลนได

4.3 Input/Output

ภาพท 4.11 แสดงฉากในดาน Dirty City Input ลกศรขน Output เดนไปทางดานหนา 0.20 หนวย Input ลกศรลง Output ถอยหลง 0.20 หนวย Input ลกศรขวา Output หมนไปทางขวา 1 หนวย Input ลกศรซาย Output หมนไปทางซาย 1 หนวย Input ปม R Output Restart เพอเรมเลนเกมใหมในดานนน ๆ Input ปม Q Output ออกจากเกม Input ชน Item Output Garbage Score จะเพมขนทละ 1

Page 45: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

45

บทท 5 สรปและวจารณผลการด าเนนโครงงาน

ในบทนจะกลาวถงบทสรปผลการด าเนนงาน ขอดของโครงงาน ขอจ ากดของโครงงานและขอเสนอแนะของโครงงาน เพอทจะเปนแนวทางใหกบผทจะศกษาหรอท าการพฒนาโครงงานนตอไปในอนาคตได ดงน 5.1 สรปผลการด าเนนโครงงาน โครงงานนเปนโครงงานเกยวกบการสรางเกมสามมตดวยโปรแกรม Blender ซงผพฒนาสามารถสรางตวเกมใหมความเกยวของกบการอนรกษธรรมชาตไดส าเรจตามวตถประสงค มการใชแสง ส และเสยงไดอยางสอดคลองสมจรง

5.2 วจารณผลการด าเนนโครงงาน 5.2.1 ขอดของโครงงาน - ท าใหไดเกมสามมต ทสามารถเลนไดจรง - ท าใหเกดแนวทางในการพฒนาตอยอดความรของผพฒนาได - สามารถน าไปใชเปนสอส าหรบสอนเยาวชนได

5.2.2 ขอจ ากดของโครงงาน - ม 4 ดานเทานน - ไมสามารถเลนหลาย ๆ คนพรอมกนได

- ไมสามารถบนทกแลวกลบมาเลนใหมได - ไมสามารถเลอกดานเลนได - มตวละครเพยงตวเดยว - ไมสามารถเลนเกมผานเครอขายอนเทอรเนตได

5.2.3 ประโยชนทไดรบ - สามารถใชเปนสอในการเรยนรได - สามารถเพมความรเกยวกบเรองของการใชงานโปรแกรม Blender ได - สามารถสงเสรมความคดสรางสรรคของผพฒนาได - สามารถใชเปนแนวทางใหผทสนใจน าไปพฒนาตอได - สามารถท าใหเกดความบนเทงพรอมสอดแทรกสาระความรเขาไปได

5.2.4 ขอเสนอแนะโครงงาน - ควรท าใหเกมมความหลากหลายของภารกจ - ควรท าการเพมดาน เปลยนตวละครและหมนมมกลองได

Page 46: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

46

บรรณานกรม

Page 47: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

47

บรรณานกรม

[1] บรษท ซคเซส มเดย จ ากด. blender คมอสรางงาน 3D แบบครบวงจร . พมพครงท 1. กรงเทพฯ : บรษท ซคเซส มเดย จ ากด, 2549. [2] Blender 3D Video Tutorials. [ออนไลน]. เขาถงไดจาก : http://www.youtube.com/user/ianscott888. (วนทคนขอมล : 1 สงหาคม 2554). [3] Made for Blender Beginners. [ออนไลน]. เขาถงไดจาก : http://www.youtube.com/user/lovetoplay94. (วนทคนขอมล : 1 สงหาคม 2554). [4] Wellcome to my cool chanel. [ออนไลน]. เขาถงไดจาก : http://www.youtube.com/user/samdearn. (วนทคนขอมล : 1 สงหาคม 2554). [5] Blender. [ออนไลน]. เขาถงไดจาก : http://www.blender.org/education-help/. (วนทคนขอมล : 1 กนยายน 2554). [6] Ubon Graphics: blender. [ออนไลน]. เขาถงไดจาก : http://graphics.sci.ubu.ac.th/mod/forum/view.php?f=110. (วนทคนขอมล : 1 ตลาคม 2554). [7] ทฤษฎการมองเหนสของมนษย ฟสกสราชมงคล. [ออนไลน]. เขาถงไดจาก : http://www.rmutphysics.com/charud/naturemystery/colour/colour.htm. (วนทคนขอมล : 15 ธนวาคม 2554). [8] โมเมนตมและการชน. [ออนไลน]. เขาถงไดจาก : http://pirun.ku.ac.th/~fscicsk/course/420111/chapter07.pdf. (วนทคนขอมล : 31 ธนวาคม 2554). [9] การสรางสอภาพเคลอนไหว. [ออนไลน]. เขาถงไดจาก : http://praowthaisong8.blogspot.com/. (วนทคนขอมล : 31 ธนวาคม 2554).

Page 48: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

48

ภาคผนวก

Page 49: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

49

ภาคผนวก ก วธการสรางโมเดลอยางงายส าหรบใชในการสรางเกมสามมต 1. เปดโปรแกรม Blender เมอเปดโปรแกรม Blender ขนมา โปรแกรมจะเตรยมวตถ Cube มาใหส าหรบใชงานไดเลย หากเราไมตองการใชงานวตถน ใหเรากดปม Delete และเลอก Delete จะเปนการลบวตถนทง

ภาพท ก.1 แสดงการลบวตถ

2. การสรางวตถ หากเราตองการสรางวตถใหเราเลอกทเมน Add > Mesh และเลอกลกษณะรปทรงหรอวตถทเราตองการสราง ซงโปรแกรมจะสรางวตถมาใหเรา 1 ชนตอการเลอก 1 ครง ซงวตถทเราสามารถสรางไดมหลายรปแบบ ดงน - Plane เปนวตถทเปนแผนระนาบ เหมาะส าหรบการสรางพน เพดาน ฉาก เปนตน - Cube เปนการสรางวตถทรงลกบาศก สามารถน าไปประยกตใชไดหลากหลายรปแบบ เชน สรางเปนอาคาร เวท กลอง เปนตน - Circle เปนการสรางเสนวงกลม ซงเหมาะกบการน าไปใชขนรปโมเดลทมลกษณะเปนทรงกระบอกปลายเปด เชน ทอน า ลอรถยนต ขวด เปนตน - UV Sphere เปนการสรางวตถทรงกลมทมพนผวทสรางมาจากสเหลยม เหมาะกบการสรางวตถทมลกษณะกลม เชน ลกโปง หลอดไฟ ลกบอล เปนตน - Icosphere เปนการสรางวตถทรงกลมลกษณะเดยวกนกบ UV Sphere แตโครงสรางพนผวจะสรางมาจากสามเหลยม - Cylinder เปนการสรางวตถทรงกระบอก สามารถน าไปประยกตสรางโมเดลไดหลากหลาย เชน เสาไฟ ล าตนของตนไม กระปอง เปนตน

Page 50: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

50

- Cone เปนการสรางวตถทรงกรวย เหมาะส าหรบสรางวตถทมปลายแหลม เชน ดนสอ โคนของไอศกรม จรวด เปนตน - Grid จะมลกษณะเปนแผนสเหลยมเหมอนกบ Plane แต Grid จะประกอบไปดวยจด Vertex จ านวน ท าใหเหมาะกบการน าไปปรบแตงไดอยางหลากหลาย - Monkey เปนการสรางวตถทมรปทรงเปนหนาลง เหมาะกบการน ามาใชทดสอบแสงเงา เพราะมซอกมมและสวนเวานนมาก - Torus เปนการสรางวตถทรงวงแหวน สามารถน าไปประยกตสรางวตถไดหลากหลาย เชน ลอรถยนต แหวน หวงยาง เปนตน

ภาพท ก.2 แสดงวธการสรางวตถทรงกลม

3. การปรบแตงวตถ เมอเราเลอกวตถทตองการใชในการสรางโมเดลแลว เราสามารถปรบแตงวตถดงกลาวใหมลกษณะตามทเราตองการได โดยการเลอกโหมด Edit Mode เพอท าการปรบแตงวตถนน ๆ ตวอยางการปรบแตงพนฐานกคอ การหมน การยอขยาย การเลอนวตถ เปนตน

Page 51: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

51

ภาพท ก.3 แสดงการเลอกโหมด Edit Mode เพอปรบแตงวตถ

ในโหมด Edit Mode นนจะมตวเลอกส าหรบปรบแตงวตถมากมายใหเราเลอกใช ผพฒนาจะอธบายตวเลอกทมการใชงานบอย ดงน - Subdivide เปนการเพมรายละเอยดใหกบวตถ โดยจะเพมโครงสราง Vertex Edge และ Face ทงนเพอเปนการปรบแตงวตถใหมความละเอยดมากยงขน

ภาพท ก.4 แสดงการใชเครองมอ Subdivide

- Extrude Region จะเปนการปรบแตงสวนประกอบของวตถใหมการขยายหรอถกผลกเขาไปดานในในรปแบบตาง ๆ ตามแนวทศทางเดยวกน - Extrude Individual จะเปนการปรบแตงสวนประกอบของวตถใหมการขยายหรอถกผลกเขาไปดานในในรปแบบตาง ๆ ตามแนวทศของพนผวทท าการปรบแตง

Page 52: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

52

ภาพท ก.5 แสดงการใชเครองมอ Extrude

- Duplicate เปนการคดลอกพนผวทเราไดท าการเลอก

ภาพท ก.6 แสดงการใชเครองมอ Duplicate

- Flat เปนการปรบพนผวใหดหยาบ แขงกระดาง - Smooth เปนการปรบพนผวใหมความโคงมน นมนวล

ภาพท ก.7 แสดงการใชงานเครองมอ Flat และ Smooth

Page 53: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

53

4. การใสสใหกบวตถ การใสสใหกบวตถนนตองใชความละเอยดมาก เพราะมเครองมอมากมายทสามารถน ามาใชรวมกนเพอใหไดสทแปลกใหมและสมจรง เชน การปรบการสะทอนแสงของวตถ การปรบพนผวของวตถ การท าใหวตถโปรงใส เปนตน

ภาพท ก.8 แสดงการใสสใหกบวตถ

5. การประกอบโมเดล เมอท าการปรบแตงวตถจนพงพอใจ เรากจะมาท าการประกอบเปนโมเดลตามทไดออกแบบไวไดเลย ซงระหวางประกอบวตถ เรากสามารถท าการปรบแตงวตถไดตามความเหมาะสม

ภาพท ก.9 แสดงการประกอบโมเดล

6. บนทกโมเดล ท าการบนทกโมเดลเปนไฟล เพองายตอการเรยกใชตอนน ามาประกอบเปนฉากในขนตอนตอไป สามารถท าไดโดยการกด File > Save As และเลอก Folder ทเราสรางไวส าหรบเกบโมเดล ซงถาแยก Folder ในการเกบจะท าใหสะดวกในการเรยกใชอกดวย

Page 54: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

54

ภาพท ก.10 แสดงวธการบนทกโมเดล

Page 55: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

55

ภาคผนวก ข วธการสรางงานแอนเมชนอยางงาย การสรางงานแอนเมชน เปนการท าใหวตถเคลอนทไปตามทเราก าหนด ซงโปรแกรม Blender จะมวธการสรางงานแอนเมชนทไมยาก โดยจะมการเกบบนทกภาพนงเปนเฟรมและเมอสงใหโปรแกรมท าการแสดงภาพแอนเมชน โปรแกรมจะใชการเปลยนเฟรมไปเรอย ๆ ตามทเราก าหนด เราจะใช Timeline เปนหนาตางหลกในการควบคมการท างานของการสรางแอนเมชน ซงหนาตางนจะแสดงเฟรมทงหมด รวมถงเฟรมทก าลงท างานอยดวย

ภาพท ข.1 ภาพแสดงแถบเครองมอ Timeline เราไมจ าเปนตองสรางเฟรมขนมาเองทกเฟรม เนองจากโปรแกรม Blender มตวชวยในการค านวณทางคณตศาสตร ตวอยางเชน หากเราตองการใหวตถเคลอนทไปทางขวา พรอมทงขยายขนาดและท าการหมนไปดวย โดยใชเฟรมในการแสดงผล 250 เฟรม เราจะท าการปรบแตงทเฟรมเรมตน และเฟรมสดทายเทานน โดยท าการเลอกเฟรมเรมตนและกดปม <i> จะมตวเลอกแสดงขนมา ใหเราเลอก LocRotScale เพราะเราจะท าใหวตถทสรางมการเคลอนท หมนและขยายขนาดไปดวย หลงจากนนเราจะกดทปมเครองมอในการสรางเฟรมอตโนมตและท าการสรางเฟรมสทายโดยการใสคาตวเลข 250 ไปในชองส าหรบการแสดงผลของเฟรมทเลอกและท าการเลอนวตถไปในจดทเราตองการ ขยายขนาดวตถและท าการหมนวตถ จากนนท าการทดลองโดยการกดปม Play Animation เพอท าการแสดงผลภายในโปรแกรม

ภาพท ข.2 แสดงการ Insert Keyframe

ภาพท ข.3 แสดงการเลอกเครองมอท าการสรางเฟรมอตโนมต

Page 56: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

56

ภาพท ข.4 แสดงการสรางเฟรมสดทาย

ภาพท ข.5 แสดงการแสดงผลแอนเมชน

เมอเราท าการสรางแอนเมชนส าเรจ เราตองท าเรยกใชขอมลการเคลอนไหวนน ๆ เพอท าการเชอมโยงเงอนไขแอนเมชนกบเกม โดยใหเราเปลยนหนาจอการท างานจาก Default เปนหนาจอส าหรบสรางเกม โดยการเลอกตวเลอก Game Logic และเลอกการแสดงผลจาก Blender Render เปน Blender Game

ภาพท ข.6 แสดงการเลอกหนาจอการท างานเปน Game Logic

เมอเราไดหนาจอส าหรบการสรางเกมแลว ขนตอนตอไปจะเปนการใส Logic หรอเงอนไขส าหรบใหแอนเมชนท างานในโหมดเกม ซงเราสามารถท าไดโดยการเลอกท Sensors > Always

Page 57: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

57

จากนนเลอก Controller เปน And และเลอก Actuator > Action ท าการเชอมโยงเงอนไขทง 3 เขาดวยกน

ภาพท ข.7 แสดงการเลอกเงอนไขส าหรบการแสดงแอนเมชนในโหมดเกม

เงอนไข Action ใหท าการเลอก Action ทเราไดท าการสรางไว ซงกคอ CubeAction และเลอกการแสดงผลแบบ Play ซงจะแสดงผลแอนเมชนเพยงรอบเดยวไมท าซ า แตหากตองการใหมการแสดงผลแบบอนกท าการเลอกตวเลอกทเหมาะสมตามความตองการได หลงจากนนเลอกการแสดงผลจากเฟรมท 1 (Start:1.00) และแสดงผลสดทายทเฟรม 250 (End:250.00) จากนนกดปม P เพอแสดงผลในโหมดเกม ซงจะแสดงแอนเมชนทเราไดท าการสรางไว

ภาพท ข.8 แสดงการตงคา Action

Page 58: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

58

ภาคผนวก ค วธการใส Logic การใส Logic ถอเปนหวใจส าคญส าหรบการสรางเกม เพราะการใส Logic จะเปนการก าหนดเงอนไขใหกบวตถตาง ๆ ในเกม ซงการเชอมโยง Logic จะตองท าใหเหมาะสมกบการแสดงผลของวตถ หากมการเชอมโยง Logic หรอใสเงอนไขผด จะท าใหโปรแกรม Blender ไมสามารถแสดงผลส าหรบการท างานนน ๆ ได เครองมอในการสราง Logic และใสเงอนไขนนม 3 ตว ซงตองใชรวมกน คอ Sensors Controller และ Actuator ซงในเครองมอแตละตวจะมความสามารถทแตกตางกน ซงเราตองเลอกใชใหเหมาะสมกบวตถทเราตองการใหมการแสดงผลในแบบทตองการ

ภาพท ค.1 แสดงเครองมอในการใส Logic และก าหนดเงอนไข

ตวอยาง การเชอม Logic และใสเงอนไขส าหรบตวละครในเกม

ภาพท ค.2 แสดงการใสเงอนไขใหกบตวละคร จากภาพตวอยาง แสดงใหเหนวาตวละครตวนสามารถท าการเดนหนาได โดยการกดปมลกศรขน ท าการถอยหลงไดโดยการกดปมลกศรลง ท าการหมนซายไดโดยการกดปมลกศรซายและท าการหมนขวาไดโดยการกดปมลกศรขวา เพราะมการก าหนดเงอนไขในสวนของ Sensors ใหมการรบ

Page 59: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

59

คาจาก Keyboard ในสวน Controller ใช And ในการเชอมตอและในสวน Actuator ไดเลอกเงอนไข Motion ซงใชส าหรบการเคลอนยายวตถนนเอง

Page 60: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

60

ภาคผนวก ง รจกกบหนาตางการท างานของโปรแกรม Blender ส าหรบหนาตางการท างานของโปรแกรม Blender จะมสวนประกอบหลกทส าคญ 3 สวนดวยกน คอ

สวนท 1 : Information Window หรอ Main Window จะประกอบดวยเมนหลกทเกบค าสงตาง ๆ ส าหรบใชในการท างานในโปรแกรม Blender

สวนท 2 : 3D Window หรอ Viewport เปนสวนทแสดงผลวตถทเราท างานอย โดยอางองตามแนว X Y และ Z ผใชสามารถจดการกบมมมองตาง ๆ ได เชน เลอนมมมอง ขยายมมมองเขาออก เพอชวยปรบแตงมมมองใหท างานไดงายขน

สวนท 3 : Buttons Window เปนสวนทเกบรวบรวมเครองมอในการสรางงานไว เชน การปรบแตงแกไขรปทรงวตถ การใสลวดลายใหกบวตถ การก าหนดแสงไฟ เปนตน

ภาพท ง.1 แสดงหนาตางการท างานของโปรแกรม Blender

สวนท 1 : Information Window หรอ Main Window

Page 61: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

61

เปนสวนของเมนหลกทประกอบดวยค าสงตาง ๆ ส าหรบใชในการท างานในโปรแกรม Blender ไดแก

File ส าหรบท างานกบไฟลงานในรปแบบตาง ๆ Add ส าหรบเพมหรอสรางวตถในงาน 3 มต Timeline ส าหรบใชสรางการเคลอนไหว Game ส าหรบใชสรางเกมและการท างานของเกม Render ส าหรบควบคมการประมวลผลชนงานหรอทเรยกวา "เรนเดอร" Help รวบรวมวธการใชงานโปรแกรม การใชงานคยลดตาง ๆ เปนตน โดยนอกเหนอจากค าสงเหลาน Information Window ยงมสวนประกอบอน ๆ อก ดงน

Screen Selector

สวนของ Screen Selector จะเปนโหมดทแสดงรปแบบของหนาตางในการท างาน ซงเปนรปแบบส าเรจรปทโปรแกรมจดเตรยมไวใหเลอกใช โดยเราจะเลอกใชใหเหมาะสมกบการท างานเพออ านวยความสะดวกเทานน นอกจากนนยงสามารถปรบแตง เพมเตมแกไขหรอสรางรปแบบใหมเองกได

Scene Selector

สวนของ Scene Selector ใชส าหรบเลอกซน (Scene) หรอฉากทเราตองการท างาน เนองจากในไฟลชนงานหนง ๆ อาจมไดหลายซนเพอความสะดวกในการน าชนงานมาท างานรวมกน

สวนท 2 : 3D Window หรอ Viewport

ในสวนนเปนสวนส าคญทเราใชงานชนงาน ทงการสรางโฒเดล การท าแอนเมชน การใสพนผว และการท างานทก ๆ อยาง โดยมากเราจะเรยกพนทการท างานนอกอยางวา "ววพอรต" โดยในววพอรตนสามารถควบคมการแสดงชนงานไดหลายรปแบบ และยงสามารถใชปมค าสงในดานลางส าหรบชวยในการปรบมมมองและสรางชนงานได

สวนท 3 : Buttons Window

สวน Buttons Window จะรวบรวมเครองมอส าหรบการท างานไว โดยอางองกบวตถทเราเลอกขณะนน เชน ถาเราเลอกท างานกบพนผว กลมเครองมอส าหรบสรางพนผวกจะปรากฏ แตถาเราเลอกท างานกบการก าหนดแสง กลมเครองมอส าหรบการจดแสดงกจะปรากฏขนมา เปนตน

Page 62: บทที่ 1 - staff.informatics.buu.ac.thprajaks/web/sites/default/files/users/user1/... · 1.5.1 เนื้อเรื่องย่อ (Story Board) ณ โลกอนาคตป

62

ประวตสวนตว

ชอ - สกล นายธนานพ สงวนไว วน เดอน ปเกด 26 มนาคม 2533 ภมล าเนา 135/228 ม.4 ต.คลองเตย อ.คลองเตย จ.กรงเทพมหานคร 10110 ทอย 135/228 ม.4 ต.คลองเตย อ.คลองเตย จ.กรงเทพมหานคร 10110 อเมล [email protected] ประวตการศกษา ระดบประถมศกษา โรงเรยนโรจนเสรอนสรณ ระดบมธยมศกษาตอนตน โรงเรยนศรวกรม ระดบมธยมศกษาตอนปลาย โรงเรยนสรศกดมนตร