unit4

ก

ก คานา แบบฝึกทักษะการใช้โปรแกรม Kodu Game Lab จัดทาขึ้นเพ่ือเป็นสื่อประกอบการจัด การเรยี นการสอน กลมุ่ สาระการเรยี นร้กู ารงานอาชีพและเทคโนโลยี ในรายวิชากราฟิกและเทคโนโลยี ส่ือประสม รหัสวิชา ง20214 ช้ันมัธยมศึกษาปีที่ 1 สาระเพ่ิมเติม เน้ือหาสาระหน่วยการเรียนรู้ท่ี 3 ประยกุ ต์ใชก้ ราฟิกและเทคโนโลยสี ่ือประสมด้วยโปรแกรม Kodu game lab สาหรบั โปรแกรม Kodu game lab เป็นโปรแกรมท่ีมีการประยุกต์ใช้งานคอมพิวเตอร์กราฟิกในการสร้างฉาก ตัวละคร ในการออกแบบเกม และการทาภาพเคลื่อนไหว การโต้ตอบ ข้อความกราฟิก การสร้างสถานการณ์ จาลองและการเลือกใช้เคร่ืองมือให้เหมาะสม และผู้สอนได้จัดทาขึ้นเพ่ือมุ่งเน้นพัฒนานักเรียนที่เรียน อ่อนและส่งเสริมนักเรียนที่เรียนเก่ง โดยให้นักเรียนได้ศึกษาในห้องเรียน เรียนรู้ด้วยตนเองโดยมีครู คอยแนะนา และศึกษานอกห้องเรียนค้นคว้าเพิ่มเติมด้วยตนเอง ตามลาดับขั้น ซ่ึงแบบฝึกทักษะการ ใช้โปรแกรม Kodu game lab มีทั้งหมด 6 ดังน้ี เลม่ ท่ี 1 การสร้างสถาปัตยกรรมสามมิติบนโลกจาลอง เลม่ ท่ี 2 การสรา้ งและจัดการตวั ละครเบ้ืองต้น เล่มที่ 3 การสรา้ งเง่ือนไขบนเกม เล่มที่ 4 การสรา้ งวัตถุ 3 มติ ิให้เคล่อื นที่บนเสน้ บังคับ Path เล่มที่ 5 การสร้างเง่ือนไขตวั ละครแต่ละแบบบนสภาพแวดล้อมทตี่ า่ งกนั เลม่ ที่ 6 การเชือ่ มต่อแต่ละจดุ ของเกม ผู้จัดทาหวังเปน็ อย่างยิง่ ว่า เอกสารประกอบการเรยี นการใชโ้ ปรแกรม Kodu game lab เลม่ น้ี จะเป็นประโยชน์ต่อการจัดกิจกรรมการเรียนรู้ของนักเรียนเป็นอย่างดี และนักเรียนสามารถนา ความรู้ไปใช้ประโยชน์ในชวี ติ ประจาวันได้ บานเยน็ จนั ทรวงศเ์ กษม

ข สารบัญ คานา................................................................................................................................................. ก สารบัญ.............................................................................................................................................. ข สารบัญภาพ....................................................................................................................................... ค คาชแี้ จง..............................................................................................................................................1 คาแนะนาการใชแ้ บบฝึกทักษะการใช้โปรแกรม Kodu gram lab......................................................2 แบบฝกึ เล่มที่ 4 การสร้างวตั ถุ 3 มติ ิใหเ้ คลอ่ื นท่บี นเสน้ บงั คับ Path .................................................3 แบบทดสอบกอ่ นเรยี น........................................................................................................................4 ใบความรู้ที่ 1 การสรา้ งวตั ถุ 3 มิติใหเ้ คล่ือนท่บี นเส้นบงั คับ Path ......................................5 รปู แบบของเครื่องมือ Path………….................................……….……………………….....8 ตวั อย่างการสรา้ งสะพานขา้ มแมน่ า้ …..………...................………………………….………10 แบบฝึกเสริมทักษะ.......................................................................................................................... 20 แบบทดสอบหลังเรียน ..................................................................................................................... 21 ภาคผนวก........................................................................................................................................ 23 เฉลยกิจกรรม..................................................................................................................... 24 เฉลยแบบทดสอบก่อนเรยี น – หลงั เรียน............................................................................ 25 บรรณานกุ รม................................................................................................................................... 27

ค สารบัญภาพ หนา้ ภาพที่ 1 เริ่มตน้ โปรแกรม ................................................................................................................6 ภาพท่ี 2 แถบเครื่องมือ Path ...........................................................................................................7 ภาพท่ี 3 เร่ิมใช้งานเครือ่ งมือ Path...................................................................................................7 ภาพที่ 4 กาหนดจดุ ของวัตถุ .............................................................................................................8 ภาพท่ี 5 การเปล่ยี นสีเส้น Path ......................................................................................................8 ภาพท่ี 6 การกาหนดรปู แบบเส้น Path ............................................................................................9 ภาพที่ 7 การเลือกรปู แบบเส้น Path ...............................................................................................9 ภาพท่ี 8 รปู แบบเส้น Path แบบตา่ งๆ........................................................................................... 10 ภาพท่ี 9 การเรม่ิ ตน้ สรา้ งฉาก ........................................................................................................ 10 ภาพที่ 10 การเพิม่ พ้นื ใหส้ งู ขน้ึ ..................................................................................................... 11 ภาพที่ 11 พนื้ ฉาก.......................................................................................................................... 11 ภาพที่ 12 การสรา้ งคูล่องน้า ......................................................................................................... 12 ภาพที่ 13 การเพิ่มนา้ ลงในคูนา้ ...................................................................................................... 12 ภาพที่ 14 เลือกเครื่องมือ Path ..................................................................................................... 13 ภาพท่ี 15 กาหนดจุดการสร้างสะพาน ........................................................................................... 13 ภาพที่ 16 เลือกรปู แบบเสน้ Path เพ่ือสรา้ งสะพาน....................................................................... 14 ภาพที่ 17 กาหนดจุดการสร้างสะพานขา้ มแมน่ ้า .......................................................................... 14 ภาพท่ี 18 เมนูคาสง่ั การกาหนดความสูงของเส้น Path .................................................................. 15 ภาพท่ี 19 กาหนดความสงู ของเส้น Path....................................................................................... 15 ภาพท่ี 20 กาหนดความสูงของเส้น Path แตล่ ะจุดใหเ้ ท่ากัน ......................................................... 16 ภาพท่ี 21 กาหนดความสงู ของเสน้ Path แต่ละจดุ ให้เทา่ กนั ......................................................... 16 ภาพท่ี 22 เลือกรูปแบบใหเ้ ส้น Path เพอื่ สรา้ งเปน็ สะพาน ............................................................ 17

ง หน้า ภาพที่ 23 สะพานจากเคร่อื งมือ Path ........................................................................................... 17 ภาพท่ี 24 สะพานจากเครอ่ื งมอื Path .......................................................................................... 18

1 คาช้ีแจง แบบฝึกทักษะการใช้โปรแกรม Kodu game lab สาหรับนักเรียนชั้นมัธยมศึกษาปีท่ี 1 ใช้ ประกอบการเรียนในรายวิชา กราฟิกและเทคโนโลยีสื่อประสม รหัสวิชา ง20214 หน่วยการเรียนรู้ท่ี 3 ประยุกต์ใช้กราฟิกและเทคโนโลยีสื่อประสมด้วยโปรแกรม Kodu game lab สาหรับโปรแกรม Kodu game lab เป็นโปรแกรมที่มกี ารประยุกตใ์ ช้งานคอมพวิ เตอรก์ ราฟิกในการสรา้ งฉาก ตวั ละคร ในการออกแบบเกม และการทาภาพเคล่ือนไหว การโต้ตอบ ข้อความกราฟิก การสร้างสถานการณ์ จาลองและการเลือกใชเ้ คร่อื งมอื ใหเ้ หมาะสม จานวน 6 เลม่ ดงั น้ี เลม่ ท่ี 1 การสร้างสถาปัตยกรรมสามมติ ิบนโลกจาลอง เลม่ ท่ี 2 การสรา้ งและจดั การตัวละครเบื้องต้น เลม่ ท่ี 3 การสรา้ งเงื่อนไขบนเกม เลม่ ท่ี 4 การสร้างวตั ถุ 3 มิติให้เคลื่อนทีบ่ นเสน้ บังคับ Path เล่มที่ 5 การสรา้ งเง่ือนไขตัวละครแต่ละแบบบนสภาพแวดลอ้ มที่ตา่ งกัน เลม่ ที่ 6 การเชอื่ มต่อแตล่ ะจุดของเกม เพอ่ื เป็นแนวทางในการพัฒนาให้นกั เรียนเกดิ ทกั ษะในการใช้โปรแกรม Kodu gram lab และเกดิ ประโยชนส์ งู สุด นกั เรียนควรปฏิบตั ดิ ังนี้ 1. นกั เรยี นทาแบบทดสอบกอ่ นเรียน จานวน 10 ขอ้ เพื่อวัดความรูพ้ ื้นฐานก่อนเรยี น 2. นกั เรยี นใช้แบบฝึกทักษะการใช้โปรแกรม Kodu game lab ควบคกู่ บั การสอนของครู 3. ขณะศึกษาให้อ่านทาความเข้าใจกับใบความรู้และปฏิบัติแบบฝึกตามข้ันตอน ถ้าไม่ เข้าใจให้ถามครูหรือเพือ่ น เพื่อขอคาแนะนา 4. นกั เรยี นตัง้ ใจศึกษา และปฏิบัติแบบฝึกตามความสามารถ ไม่ต้องรบี ร้อน หรือกังวล 5. นักเรียนจะตอ้ งปฏิบัตแิ บบฝึกทั้ง 6 เลม่ และสง่ ผลงานเพ่ือรบั การประเมนิ จากครู 6. ทาแบบทดสอบหลงั เรียน จานวน 10 ข้อ เพ่ือดูพฒั นาการหลงั การเรยี นดว้ ยแบบฝึก ทักษะการใชโ้ ปรแกรม Kodu game lab

2 คาแนะนา การใชแ้ บบฝึกทักษะการใชโ้ ปรแกรม Kodu Game Lab เล่มที่ 4 การสร้างวตั ถุ 3 มิติให้เคลอ่ื นทบ่ี นเส้นบงั คบั Path แบบฝึกทักษะการใชโ้ ปรแกรม Kodu game lab เล่มท่ี 4 การสร้างวัตถุ 3 มิติใหเ้ คล่อื นที่บน เส้นบังคับ Path ประกอบด้วยใบความรู้ท่ี 1 แบบฝึกทบทวนและแบบฝึกเสริมทักษะ นักเรียนศึกษา เกย่ี วกับ การใช้แบบฝึกทักษะการใช้โปรแกรม Kodu game lab เล่มท่ี 4 น้ี นักเรยี นควรปฏบิ ตั ดิ งั น้ี 1. นกั เรยี นทาแบบทดสอบกอ่ นเรยี นจากแบบทดสอบออนไลน์ จากลงิ ค์ : https://goo.gl/forms/mhcFQC5GuYyA6rSy1 จานวน 10 ข้อ เพ่ือวัดความรพู้ นื้ ฐานกอ่ นเรียน 2. นักเรียนใช้แบบฝึกทักษะการใช้โปรแกรม Kodu game lab เล่มท่ี 4 การสร้างวัตถุ 3 มติ ิใหเ้ คลื่อนที่บนเสน้ บงั คับ Path โดยศึกษาใบความรู้ที่ 1 ควบคู่กบั การสอนของครู 3. ขณะศกึ ษานักเรียนสามารถดูวีดโี อสาธติ การใชโ้ ปรแกรม Kodu game lab จาก ลงิ ค์ : http://gg.gg/9m6fl และอา่ นทาความเขา้ ใจกับใบความรู้และปฏบิ ัติแบบฝึกตามข้ันตอน ถา้ ไม่ เข้าใจให้ถามครหู รือเพื่อน เพื่อขอคาแนะนา 4. นกั เรียนจะต้องปฏบิ ัติแบบฝึกทบทวนและแบบฝึกเสริมทักษะ โดยดาวน์โหลด ต้นแบบไฟลโ์ ปรแกรม Kodu gram lab ชือ่ unit34.Kodu จากลิงค์ : http://gg.gg/9m6fl เพ่อื แกไ้ ขเพ่ิมเติมตามคาช้ีแจงในแบบฝึกทักษะ และส่งผลงานเพือ่ รับการประเมนิ จากครู 5. ทาแบบทดสอบหลังเรียนออนไลน์ จานวน 10 ขอ้ เพอ่ื ดูพัฒนาการหลังการเรียน ดว้ ยแบบฝกึ ทักษะการใช้โปรแกรม Kodu game lab

3 แบบฝึกทกั ษะเล่มที่ 4 การสร้างวัตถุ 3 มิตใิ ห้เคล่อื นที่ บนเส้นบังคับ Path จดุ ประสงค์ เพ่ือให้ผเู้ รยี นสามารถ 1. สามารถใช้เครือ่ งมือ Path สร้างเกมได้ 2. เลอื กตัวละครได้เหมาะสมกบั สถานการณท์ ี่กาหนดให้ได้ 3. เขยี นโปรแกรมให้วัตถุ 3 มิติเคล่อื นทบี่ นเส้นบังคับ Path ได้ 4. บันทกึ งานทส่ี ร้างได้ เวลาทใี่ ช้ 2 คาบ ( 100 นาที ) คาชีแ้ จง การเรียนโดยใช้ชดุ กจิ กรรม เป็นการจาลองสถานการณ์ให้นักเรยี นศกึ ษาตามขั้นตอนดว้ ย ตนเอง โดยปฏิบตั ดิ งั น้ี 1. แบบฝึกทักษะเล่มที่ 4 เรือ่ ง การสร้างวตั ถุ 3 มิตใิ หเ้ คลื่อนที่บนเสน้ บังคับ Path เวลา เรียนทั้งหมด 2 คาบ (100 นาท)ี 2. ใหน้ ักเรียนศึกษาจดุ ประสงคข์ องกิจกรรมให้เข้าใจ 3. ใหน้ ักเรียนศึกษาเนือ้ หา ปฏบิ ตั ิกิจกรรมในแบบฝกึ ทักษะ เลม่ ที่ 4 เรอื่ ง การสร้างวตั ถุ 3 มิติให้เคล่ือนทบ่ี นเสน้ บงั คับ Path 4. เมอื่ นักเรยี นปฏบิ ตั แิ บบฝึกทักษะเลม่ ท่ี 4 เสรจ็ เรียบร้อยแล้ว สง่ ผลงานให้ครูผสู้ อน ประเมินกจิ กรรม 5. ในระหว่างปฏิบัตกิ จิ กรรมครูผสู้ อนเขา้ ไปช่วยเหลือนักเรียนที่มีข้อสง่ สยั หรือมีปัญหาไม่ เข้าใจและนักเรยี นทป่ี ฏบิ ัติตามไม่ทันท่คี รูสาธิต และคอยตักเตือนนักเรียนทีส่ นใจสง่ิ อ่ืนมากกวา่ ภาระงานทตี่ ้องปฏิบัติ

4 แบบทดสอบกอ่ นเรียน คาชแี้ จง จงเลือกคาตอบท่ถี ูกต้องเพียงคาตอบเดียว 1. ไอคอนนใี้ ชท้ าอะไร ก. สร้างเกาะกลางทะเล ข. สรา้ งครู ะบายนา้ ค. สรา้ งสระมรกต ง. สรา้ งสะพานข้ามแมน่ า้ 2. ข้อใดคือวิธกี ารส้ินสุดการสรา้ ง Path ก. ให้คลกิ เมาส์ขวา 1 คร้งั ก่อนที่จะเคล่ือนเมาส์ ข. ให้คลกิ เมาส์ซา้ ย 1 คร้งั ก่อนท่ีจะเคล่ือนเมาส์ ค. ใหค้ ลกิ เมาสท์ ั้งซา้ ยและขวาพรอ้ มกัน 1 ครั้ง ง. ให้ดบั เบล้ิ คลิกเมาสข์ วา ก่อนท่ีจะเคล่ือนเมาส์ 3. ข้อใดไมใ่ ช่รูปแบบของเคร่ืองมือ Path ก. ถนน ข. คูระบายน้า ค. สะพาน ง. รัว่ กาแพง 4. หากต้องการเปล่ียนสีให้ Path ควรทาตามข้อใด ก. กดป่มุ ลูกศรทีค่ ีย์บอร์ดดา้ นซ้าย หรอื ขวา ข. ดบั เบล้ิ คลิกเมาส์ขวา ก่อนทจี่ ะเคลื่อนเมาส์ ค. คลกิ เล่ือนลูกบอลท่เี มาส์ ง. คลิกเมาส์ซ้าย 1 คร้ังกอ่ นที่จะเคลื่อนเมาส์ 5. ขอ้ ใดคือขัน้ ตอนการเปลย่ี นรูปแบบของ Path ก. กดปุ่มลูกศรทค่ี ยี ์บอร์ดดา้ นซา้ ย หรอื ขวา ข. ดบั เบล้ิ คลิกเมาส์ขวา ก่อนที่จะเคล่ือนเมาส์ ค. กดปมุ่ ลกู ศรทค่ี ยี บ์ อรด์ ด้านบน หรอื ล่าง ง. คลกิ เมาส์ซา้ ย 1 ครงั้ กอ่ นท่ีจะเคลอื่ นเมาส์ 6. คาส่ังการกาหนดความสงู ของเส้น Path ตรงกับขอ้ ใด ก. Change Height ข. Change Type ค. Change Size ง. Change Long 7. ขอ้ ใดคือวธิ กี ารลบเสน้ Path ท่ีไมต่ ้องการออก ก. คลกิ ขวาท่ีเสน้ Path คลิกเลอื กคาส่งั Delete ข. คลิกซา้ ยทเ่ี สน้ Path คลกิ เลอื กคาสัง่ Delete ค. กดปมุ่ ลูกศรที่คียบ์ อร์ดดา้ นบน หรอื ล่าง ง. คลิกเมาสซ์ ้าย 1 ครัง้ เลือกคาส่งั Delete

5 8. เครือ่ งมือ Path เหมาะสาหรับออกแบบข้อใด ก. ภเู ขาไฟฟูจิ ข. คลองแสนแสบ ค. กาแพงเมอื งจีน ง. วดั พระธาตุ 9. ข้อใดคือวิธีการสร้าง Path ก. คลิกเมาส์ขวา 1 ครั้งก่อนทีจ่ ะเคลื่อนเมาส์ ข. คลกิ เมาส์ซา้ ย 1 คร้งั ก่อนทจี่ ะเคลื่อนเมาส์ ค. คลิกเมาส์ขวาค้างไวแ้ ล้วเคลื่อนเมาส์ไปยังจุดท่ตี ้องการ ง. คลิกเมาส์ซา้ ยค้างไวแ้ ลว้ เคลอ่ื นเมาส์ไปยังจดุ ท่ตี ้องการ 10. ข้อใดเป็นการใช้เคร่ืองมือ Path ในการออกแบบ ก. สะพานพระราม 8 ข. ชงิ ช้าสวรรค์ ค. อนุสาวรยี ์ประชาธปิ ไตย ง. ตกึ ใบหยก

6 ใบความรทู้ ี่ 1 การสรา้ งวตั ถุ 3 มิติ ให้เคลอื่ นท่บี นเส้นบังคบั Path เครอื่ งมอื Path เปน็ เครื่องมือท่ีสามารถนามาสรา้ งวตั ถุ 3 มิติ ไดห้ ลายรูปแบบ อาทเิ ชน่ ใช้ สรา้ งสะพาน สร้างถนน สรา้ งกาแพง และกาหนดเปน็ เสน้ ทางใหต้ วั ละครว่งิ ตามเสน้ ทางท่ีกาหนด เป็นตน้ กอ่ นที่เราจะมาสรา้ งสะพานขา้ มแม่น้ากนั เรามาเรียนรูก้ ารใช้งานเครื่องมือ Path กนั ก่อน โดยมขี ั้นตอนดังนี้ ขั้นตอนการใชเ้ ครอื่ งมือ Path ขน้ั ตอนที่ 1 เปิดโปรแกรม คลกิ ท่ี New word จะได้ส่วนพ้ืนทีส่ นามหญ้า หากต้องการหมุน 3 มติ ิ ให้เราคลกิ ปุ่มเมาส์ทางด้านขวาคา้ งไว้ แลว้ เล่ือนเมาสห์ มุน 360 องศา ภาพที่ 1 เรมิ่ ต้นโปรแกรม

7 ขัน้ ตอนที่ 2 คลิกเลือกเครื่องมือ Path สังเกตุเหน็ วา่ จะมกี รอบ [ ] สเี หลอื งคลุมเครือ่ งมือ ข้อควร ระวังเมือ่ มกี ารคลิกเมาส์จะกาหนดจดุ ขนึ้ มาทนั ที ภาพที่ 2 แถบเคร่อื งมือ Path ขั้นตอนที่ 3 เริ่มคลิกจุดท่ี 1 ลงไปจุดทต่ี ้องการ แล้วลากเมาส์ออกมาจะเห็นว่าตวั จุดมเี ส้น เชอ่ื มโยง สรา้ งออกมาเอง ภาพท่ี 3 เรม่ิ ใช้งานเคร่ืองมอื Path

8 ข้ันตอนที่ 4 คลกิ จุดที่ 2 ลากเมาส์มาคลกิ จดุ ที่ 3 คลิกเมาส์ในจดุ อืน่ ๆตามตอ้ งการ เมื่อต้องการ สน้ิ สดุ การสร้าง Path ให้คลิกเมาส์ขวา 1 ครง้ั ก่อนทจี่ ะเคลื่อนเมาส์ ภาพท่ี 4 กาหนดจดุ ของวัตถุ รูปแบบของเครือ่ งมือ Path หลงั จากทเ่ี ราสร้างจดุ เครือ่ งมือ Path เรยี บรอ้ ยแลว้ เราสามารถจดั การรปู แบบของ เครอื่ งมือ Path ไดม้ ากมาย เช่น ถนน สะพาน รัว่ กาแพง เป็นตน้ ภาพท่ี 5 การเปลย่ี นสเี สน้ Path

9 การเปล่ียนสี เพยี งเรานาเมาส์ไปจ่อทีจ่ ดุ กลมๆ จดุ ไหนก็ได้ ก็จะมีแสงกระพรบิ ขึน้ มา และจะมี แถบสขี ้ึนมาด้านบน สามารถเล่ือนเปล่ียนสีได้โดยการกดปุ่มลูกศรท่ีคยี บ์ อรด์ ดา้ นซา้ ย หรอื ขวา ก็ จะเปล่ียนสไี ดต้ ามต้องการ ภาพที่ 6 การกาหนดรูปแบบเส้น Path การเปลย่ี นรูปแบบของ Path เพียงแค่กดปุ่มลูกศรท่ีคีย์บอรด์ ด้านบน หรอื ลา่ ง เม่ือกาปุ่มด้านบน 1 คร้งั กจ็ ะไดเ้ ปน็ รปู ของพ้ืนถนน เมื่อกดอีกครั้ง ก็จะเปลย่ี นเปน็ กาแพง มกี าแพงหลายแบบ หรอื จะเปน็ รวั่ ก็สามารถสร้างได้ โดยกดป่มุ ลกู ศรที่คียบ์ อรด์ ไปเร่อื ยๆ ภาพที่ 7 การเลือกรปู แบบเสน้ Path

10 ภาพที่ 8 รปู แบบเส้น Path แบบตา่ งๆ กจิ กรรม รูปแบบของเครื่องมอื Path 1. ให้นกั เรียนคลิกเลือกเส้น Path กดปุ่มลกู ศรที่คยี ์บอร์ดดา้ นบน หรือ ลา่ ง ส่งิ ท่เี กิดข้นึ คอื ............................................................................................................................. .............. 2. ให้นกั เรียนนาเมาส์ไปจ่อทจ่ี ดุ กลมๆ จดุ ไหนก็ได้ ก็จะมี..................................................... และจะมีแถบสีข้ึนมาดา้ นบน กดป่มุ ลูกศรที่คยี บ์ อร์ดดา้ นซ้าย หรือ ขวา ผลลัพธ์ทไ่ี ด้คือ .........................................................................................................................................

11 ตวั อย่างการสร้างสะพานข้ามแม่น้า ขั้นตอนท่ี 1 เปิดโปรแกรม คลกิ ที่ New word จะไดส้ ว่ นพ้ืนทสี่ นามหญา้ สรา้ งฉากเป็นแมน่ า้ โดย เลอื กที่ เคร่ืองมือ Ground Brush เพ่ิมพ้นื ใหส้ งู ขึ้นพอท่ีจะเจาะเป็นแม่น้าได้ ภาพที่ 9 การเรม่ิ ต้นสรา้ งฉาก ภาพท่ี 10 การเพม่ิ พืน้ ใหส้ งู ข้ึน

12 ภาพท่ี 11 พน้ื ฉาก ภาพที่ 12 การสรา้ งคูลอ่ งน้า

13 ขั้นตอนที่ 2 เจาะพ้ืนใหเ้ ป็นลอ่ งน้า ภาพท่ี 13 การเพิ่มน้าลงในคูน้า ขั้นตอนท่ี 3 เพ่ิมน้าลงไป กจ็ ะได้แมน่ า้ ดังภาพ ภาพที่ 14 เลือกเคร่ืองมือ Path

14 ข้ันตอนที่ 4 คลกิ เลือกเครื่องมือ Path สังเกตเุ ห็นวา่ จะมกี รอบ [ ] สีเหลอื งคลุมเครอื่ งมือ ขอ้ ควร ระวังเม่ือมกี ารคลกิ เมาสจ์ ะกาหนดจดุ ขึ้นมาทันที ภาพที่ 15 กาหนดจดุ การสร้างสะพาน ข้นั ตอนท่ี 5 เร่ิมคลกิ จุดท่ี 1 ลงไปจดุ ทีต่ ้องการ แลว้ ลากเมาส์ออกมาจะเห็นวา่ ตัวจุดมีเส้น เชอ่ื มโยงสร้างออกมาเอง คลิกเพมิ่ จุดตา่ งๆไปเลื่อนๆเปน็ เส้นทางดังภาพ เปลีย่ นสี Path เปน็ สดี า โดยนาเมาส์ไปจ่อท่ีจุดกลมๆ จดุ ไหนก็ได้ กจ็ ะมีแสงกระพริบขึ้นมา และจะมีแถบสขี ้นึ มาด้านบน สามารถเลื่อนเปล่ียนสีไดโ้ ดยการกดปุ่มลูกศรท่ีคยี ์บอร์ดดา้ นซา้ ย หรือ ขวา ไปเล่ือยๆจนถึงสีดา ภาพที่ 16 เลือกรปู แบบเส้น Path เพือ่ สรา้ งสะพาน

15 ขัน้ ตอนท่ี 6 นาเมาสไ์ ปชี้ทจี่ ดุ ใดจุดหนึง่ กดปุ่มลูกศรท่ีคีย์บอรด์ ดา้ นบน หรอื ลา่ ง เม่ือกดปุ่ม ดา้ นบน 1 ครงั้ กจ็ ะได้เปน็ รูปของพ้ืนถนน ภาพที่ 17 กาหนดจดุ การสร้างสะพานข้ามแมน่ ้า ขั้นตอนที่ 7 สรา้ ง Path ขา้ มแม่น้า ไปอีกฝง่ั ภาพที่ 18 เมนูคาสั่งการกาหนดความสงู ของเส้น Path

16 ขนั้ ตอนท่ี 8 เราจะสังเกตเห็นว่าจดุ Path จมอยู่ใตน้ ้า เราสามารถกาหนดให้ Path สูงขึ้นเหนอื นา้ ได้โดยเลือกคาสั่ง Change Height โดยนาเมาส์ไปช้ีทีจ่ ุดที่จมอย่ใู ต้น้า คลิกขวาจะมคี าส่งั ต่างๆขน้ึ มาดังภาพ เลือกคาส่ัง Change Height ภาพที่ 19 กาหนดความสูงให้เส้น Path ขัน้ ตอนท่ี 9 จะมแี ถบปรบั คา่ ความสงู ขน้ึ มา เราสามารถคลกิ เลื่อนแถบหรอื พมิ พต์ วั เลขค่าความสูง ได้ เราควรจาค่าตัวเลขจุดที่ 1 ไวเ้ พือ่ จะได้กาหนดจุดต่อไปได้เท่ากัน ภาพท่ี 20 กาหนดความสูงให้เส้น Path แตล่ ะจดุ ให้เทา่ กนั

17 ขัน้ ตอนท่ี 10 นาเมาส์ไปชท้ี ี่จุดท่ี 2 ทีจ่ มอยู่ใตน้ า้ ทาเขน่ เดยี วกนั กับจุดแรก ใสค่ า่ ความสูงให้ เทา่ กันจะทาให้สะพานได้ระดับท่ีสวยงาม ภาพท่ี 21 กาหนดความสงู ให้เสน้ Path แต่ละจดุ ใหเ้ ท่ากัน ขนั้ ตอนที่ 11 นาเมาส์ไปช้ีทีจ่ ุดใดจดุ หนึง่ กดปุ่มลูกศรทีค่ ีย์บอรด์ ด้านบน เม่ือกดป่มุ ด้านบน 1 ครั้ง ก็จะได้เปน็ รปู ของพืน้ ถนน แต่ยังจมอยใู่ ตน้ ้า ใหเ้ ราคลิกทเ่ี ครื่องมือ Play เพือ่ เลน่ เกม ภาพที่ 22 เลือกรูปแบบให้เสน้ Path เพื่อสร้างเปน็ สะพาน

18 เราจะเห็น Path สงู ขน้ึ มาจากน้า ตามคา่ ความสูงท่เี ราไดต้ ง้ั คา่ ไว้ เปน็ คล้ายรปู สะพานขา้ มแมน่ า้ เปลีย่ นสใี หส้ วยงามตามตอ้ งการ ภาพท่ี 23 สะพานจากเครื่องมอื Path ภาพท่ี 24 สะพานจากเครื่องมอื Path

19 กิจกรรม การสรา้ งสะพานข้ามแม่นา้ 1. ให้นกั เรียนคลกิ เลือกเครอ่ื งมือ Path เริ่มคลกิ จุดที่ 1 ลงไปจดุ ทตี่ ้องการ แล้วลากเมาส์ ออกมาจะเห็นว่าตวั จดุ มเี สน้ เช่ือมโยงสรา้ งออกมาเอง คลิกเพิม่ จุดตา่ งๆไปเล่ือยๆ เปน็ เส้นทาง สง่ิ ท่เี กิดขึ้น คือ ............................................................................................................................. .............. 2. ใหน้ ักเรยี นนาเมาส์ไปจอ่ ที่จุดกลมๆ จดุ ไหนกไ็ ด้ กดปุม่ ลกู ศรทค่ี ยี บ์ อรด์ ดา้ นบน เม่ือกดปุ่ม ดา้ นบน 1 ครง้ั ก็จะมี..................................................... แตย่ ังจมอยใู่ ตน้ ้า ให้เราคลกิ ท่ี เครื่องมือ ............................... เพอ่ื เลน่ เกมและจะมีแถบสขี ้ึนมาดา้ นบน

20 แบบฝกึ เสรมิ ทกั ษะ การสร้างวัตถุ 3 มติ ิให้เคลื่อนที่บนเสน้ บงั คับ Path โจทย์ ใหน้ ักเรียนออกแบบฉาก และสร้างสถานการณจ์ าลองสถานที่ส่ิงมหัศจรรย์ของโลก โดย ให้นักเรียนนาเครื่องมือ Path มาประยกุ ต์ใช้สรา้ งวตั ถุ ตา่ งๆอยา่ งน้อย 3 ชนดิ โดยนกั เรียน ดาวนโ์ หลดไฟล์ตน้ แบบจาก ลงิ ค์ : http://gg.gg/9m6fl ในระบบ google classroom ลงใน เครื่องคอมพิวเตอร์ บนั ทกึ ไฟล์ช่อื Obj3.4 เมื่อเสร็จสมบณู ณแ์ ล้วใหส้ ง่ ขึน้ ไปใน google classroom หน่วยท่ี 3.4 การสร้างวตั ถุ 3 มิติใหเ้ คล่ือนทีบ่ นเส้นบังคับ Path ทมี่ ารปู ภาพ : https://travelblog.expedia.co.th/historical-and-cultural/bd05_june17/ เกณฑ์การประเมนิ ประเด็นการประเมิน ระดบั คณุ ภาพ ออกแบบฉาก และสรา้ ง ดี พอใช้ ปรับปรุง สถานการณจ์ าลอง (3) (2) (1) สถานทส่ี ่งิ มหศั จรรยข์ อง ออกแบบฉาก และสร้าง ออกแบบฉาก โลก โดยให้นกั เรยี นนา ออกแบบฉาก และสรา้ ง เคร่ืองมอื Path มา กิจกรรมตามคาสงั่ และสร้างกิจกรรม ประยุกตใ์ ช้สรา้ งวตั ถุ กจิ กรรมไดบ้ างส่วน แต่ ต่างๆอย่างนอ้ ย 3 ชนดิ ครบถ้วน อย่าง ตามคาสง่ั ไม่ครบถ้วน สรา้ งสรรค์ ครบถ้วน

21 แบบทดสอบหลังเรยี น คาชีแ้ จง จงเลอื กคาตอบทีถ่ กู ตอ้ งเพียงคาตอบเดยี ว 1. ไอคอนนใ้ี ชท้ าอะไร ก. สรา้ งสะพานข้ามแม่น้า ข. สร้างเกาะกลางทะเล ค. สร้างสระมรกต ง. สรา้ งครู ะบายน้า 2. ขอ้ ใดคือวธิ กี ารส้นิ สดุ การสรา้ ง Path ก. ให้คลกิ เมาสข์ วา 1 ครง้ั ก่อนที่จะเคล่ือนเมาส์ ข. ใหค้ ลิกเมาสซ์ ้าย 1 ครั้งก่อนทจ่ี ะเคลื่อนเมาส์ ค. ให้คลกิ เมาสท์ ั้งซ้ายและขวาพร้อมกัน 1 คร้งั ง. ให้ดบั เบล้ิ คลกิ เมาสข์ วา ก่อนทจ่ี ะเคลื่อนเมาส์ 3. ข้อใดไม่ใช่รูปแบบของเคร่ืองมือ Path ก. รั่วกาแพง ข. สะพาน ค. ถนน ง. ครู ะบายนา้ 4. หากตอ้ งการเปลย่ี นสีให้ Path ควรทาตามข้อใด ก. คลกิ เลื่อนลกู บอลทีเ่ มาส์ ข. ดบั เบล้ิ คลิกเมาส์ขวา ก่อนทจี่ ะเคลื่อนเมาส์ ค. กดปมุ่ ลกู ศรที่คีย์บอร์ดด้านซา้ ย หรอื ขวา ง. คลกิ เมาสซ์ ้าย 1 ครั้งกอ่ นที่จะเคล่อื นเมาส์ 5. ขอ้ ใดคือขั้นตอนการเปล่ียนรปู แบบของ Path ก. กดปุ่มลกู ศรทค่ี ีย์บอรด์ ด้านซ้าย หรอื ขวา ข. ดบั เบล้ิ คลกิ เมาส์ขวา ก่อนท่จี ะเคล่ือนเมาส์ ค. กดปมุ่ ลูกศรทคี่ ยี บ์ อร์ดด้านบน หรอื ล่าง ง. คลิกเมาสซ์ ้าย 1 ครง้ั กอ่ นที่จะเคล่ือนเมาส์ 6. คาสัง่ การกาหนดความสงู ของเสน้ Path ตรงกบั ขอ้ ใด ก. Change Type ข. Change Long ค. Change Size ง. Change Height 7. ข้อใดคือวธิ ีการลบเส้น Path ท่ีไมต่ ้องการออก ก. คลิกซา้ ยท่ีเสน้ Path คลิกเลือกคาสงั่ Delete ข. คลิกขวาท่เี ส้น Path คลกิ เลือกคาส่งั Delete ค. กดป่มุ ลูกศรที่คยี บ์ อร์ดดา้ นบน หรือ ล่าง ง. คลิกเมาสซ์ า้ ย 1 ครงั้ เลอื กคาสั่ง Delete

22 8. เครอ่ื งมือ Path เหมาะสาหรบั ออกแบบข้อใด ก. ภูเขาไฟฟูจิ ข. กาแพงเมืองจีน ค. คลองแสนแสบ ง. วัดพระธาตุ 9. ขอ้ ใดคือวิธีการสรา้ ง Path ก. คลิกเมาส์ซ้าย 1 คร้ังก่อนทีจ่ ะเคลื่อนเมาส์ ข. คลิกเมาส์ขวา 1 ครั้งก่อนที่จะเคลอ่ื นเมาส์ ค. คลกิ เมาส์ขวาค้างไวแ้ ลว้ เคลอื่ นเมาส์ไปยังจดุ ท่ีต้องการ ง. คลิกเมาส์ซ้ายค้างไว้แล้วเคลือ่ นเมาส์ไปยังจุดที่ต้องการ 10. ขอ้ ใดเป็นการใช้เครื่องมือ Path ในการออกแบบ ก. ตกึ ใบหยก ข. อนสุ าวรยี ์ประชาธปิ ไตย ค. ชิงช้าสวรรค์ ง. สะพานพระราม 8

23 ภาคผนวก

24 เฉลยกิจกรรม กจิ กรรม รูปแบบของเคร่ืองมือ Path 1. ให้นกั เรียนคลกิ เลือกเสน้ Path กดปมุ่ ลกู ศรท่ีคีย์บอร์ดด้านบน หรอื ลา่ ง สง่ิ ทีเ่ กิดขน้ึ คอื .....รูปแบบของเส้น Path เปล่ียนไป อาทเิ ช่น เชน่ ถนน สะพาน รว่ั กาแพง เปน็ ต้น..... 2. ให้นกั เรียนนาเมาส์ไปจอ่ ทจ่ี ดุ กลมๆ จดุ ไหนก็ได้ กจ็ ะมี....แถบสีขึ้นมาด้านบน................... กดปุ่มลูกศรทค่ี ยี ์บอร์ดด้านซา้ ย หรอื ขวา ผลลพั ธ์ทไ่ี ด้คือ.....สจี ะเปลีย่ นไปเลือกสตี าม ตอ้ งการ....................... กจิ กรรม การสรา้ งสะพานขา้ มแม่นา้ 1. ใหน้ ักเรียนคลกิ เลือกเครอ่ื งมือ Path เริม่ คลิกจุดที่ 1 ลงไปจุดที่ต้องการ แลว้ ลากเมาส์ ออกมาจะเหน็ ว่าตวั จดุ มเี ส้นเช่อื มโยงสร้างออกมาเอง คลิกเพ่ิมจดุ ตา่ งๆไปเล่ือยๆ เปน็ เส้นทาง ส่ิงทีเ่ กิดข้ึน คือ ไดเ้ สน้ Path ตามตอ้ งการ................................................ 2. ใหน้ ักเรยี นนาเมาส์ไปจ่อท่จี ดุ กลมๆ จดุ ไหนก็ได้ กดป่มุ ลูกศรทค่ี ีย์บอรด์ ด้านบน เมื่อกดปุ่ม ดา้ นบน 1 ครั้ง กจ็ ะมี....รปู ของพ้นื ถนน......... แตย่ งั จมอยใู่ ต้น้า ใหเ้ ราคลิกท่ีเคร่อื งมือ .... Play ......... เพอ่ื เลน่ เกมและจะมีแถบสีขน้ึ มาดา้ นบน

25 เฉลยแบบทดสอบก่อนเรยี น ข้อที่ 1 ง ขอ้ ท่ี 2 ก ข้อท่ี 3 ข ข้อท่ี 4 ก ข้อท่ี 5 ค ขอ้ ท่ี 6 ก ข้อท่ี 7 ก ข้อที่ 8 ค ขอ้ ที่ 9 ข ข้อที่ 10 ก เฉลยแบบทดสอบหลงั เรียน ขอ้ ท่ี 1 ก ข้อท่ี 2 ก ข้อที่ 3 ง ข้อท่ี 4 ค ขอ้ ที่ 5 ค ขอ้ ที่ 6 ง ข้อท่ี 7 ข ข้อท่ี 8 ข ข้อท่ี 9 ก ข้อท่ี 10 ง

26 หอ้ งเรียนออนไลนใ์ นระบบ google classroom (https://classroom.google.com/c/MTkwODcxODcwM1pa)

27 บรรณานกุ รม สุพจน์ ศรีนุตพงษ์. Kodu Grame Lab. [ออนไลน์]. เขา้ ถึงไดจ้ าก : https://www.youtube.com/ playlist?list=PLXTHelgB7Msj6ppX9NIATUeBFL4mE_V64. (สบื คน้ เมื่อวันที่ 21 มิถุนายน 2558). . KODU GRAME LAB COMMUNITY. [ออนไลน์]. เขา้ ถงึ ได้จาก : http://www.kodugamelab.com. (สืบค้นเมื่อวันท่ี 2 พฤศจิกายน 2558). ไมโครซอฟท์ ประเทศไทย. สรา้ งเกมไดง้ า่ ยๆด้วย KODU GRAME LAB. [ออนไลน์]. เขา้ ถงึ ได้จาก : https://onedrive.live.com/?authkey=%21AH1P6x0kUjgpa_Q&cid= E627C951D8CC0830&id=E627C951D8CC0830%21171&parId=E627C951D8 CC0830%21170&o=OneUp. (สบื ค้นเม่ือวนั ท่ี 21 พฤศจิกายน 2558).

28