Unit 3

1

ก คานา แบบฝึกทักษะการใช้โปรแกรม 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 แบบฝึกเลม่ ที่ 3 การสรา้ งเง่ือนไขบนเกม ............................................................................................3 แบบทดสอบกอ่ นเรียน........................................................................................................................4 ใบความร้ทู ี่ 1 การสรา้ งเงื่อนไขบนเกม..................................................................................6 หลกั การเขยี นโปรแกรมเกม Kudo..................................……….……………………….....6 การสรา้ งเงอื่ นไขในเกม Kudo...................…..…...............………………………………..…8 หลักการใชค้ าสง่ั ในเกม Kudo..................……….................……………………..…..……10 หลกั การสรา้ งเกมใน Kudo ….………….…...................………………………......……..….12 แบบฝึกเสริมทักษะท่ี 3.3................................................................................................................. 13 แบบฝกึ เสรมิ ทักษะท่ี 3.4 ............................................................................................................... 14 แบบทดสอบหลงั เรยี น ..................................................................................................................... 15 ภาคผนวก........................................................................................................................................ 17 เฉลยกิจกรรม..................................................................................................................... 18 เฉลยแบบทดสอบก่อนเรยี น – หลงั เรียน............................................................................ 20 บรรณานุกรม................................................................................................................................... 22

ค สารบัญภาพ หน้า ภาพท่ี 1 อธิบายกฎตามหลกั ไวยากรณ์ของ Kodu ...........................................................................7 ภาพที่ 2 ไอคอนตัวละครหรือวัตถุ.....................................................................................................9 ภาพที่ 3 ไอคอนแสดงการรบั รู้..........................................................................................................9 ภาพท่ี 4 ไอคอนท่เี ปน็ การกระทา......................................................................................................9 ภาพท่ี 5 แสดงการเขียนกฎสุดท้ายทีไ่ ด้จากตวั อยา่ งดา้ นบนให้ตวั Kodu ...................................... 11

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

3 แบบทดสอบกอ่ นเรยี น คาชแี้ จง จงเลือกคาตอบทถี่ ูกต้องเพยี งคาตอบเดยี ว 1. เราจะโปรแกรมตวั ละครได้อย่างไร ก. คลิกขวาทีต่ ัวละคร > เลอื ก Program ข. คลกิ ที่ตวั ละครสองครั้ง (Double Click) ค. คลกิ ซ้ายท่ีตวั ละคร > เลือก Program ง. เลือกทป่ี ุ่มสามเหลี่ยมสีเขยี ว 2. ข้อใดคือการกาหนดเง่ือนไข/การเขยี นคาส่ัง ก. welcome ,do ข. what , do ค. When, do ง. this , do 3. Program นมี้ ีคาส่ังตรงกบั ตวั เลอื กใด ก. เม่ือชนแอปเปิ้ลให้กนิ ทนั ที ข. เมอื่ เห็นแอปเปิล้ ให้กนิ ทนั ที ค. เมอื่ ชนแอปเป้ลิ ให้ตายทนั ที ง. เมอ่ื เหน็ แอปเปิ้ลให้วิ่งหนี 4. การกระทาในภาพหมายถึงอะไร ก. เก็บลูกแอปเปลิ ที่มีค่า 10 คะแนน จึงจะเลน่ ในด่านถัดไปได้ ข. ตอ้ งเก็บลูกแอปเปลิ ลกู เดยี วท่ีมคี า่ 10 คะแนน จะชนะเกม ค. เม่อื ทาคะแนนถึง 10 คะแนน ชนะเกม ง. เมอื่ ทาคะแนนถงึ 10 คะแนน ใหเ้ ลน่ ในดา่ น ถัดไปได้ 5. Program นม้ี ีคาสงั่ ตรงกบั ตัวเลือกใด ก. สรา้ ง Flyfish ทุกๆ 4 นาที ข. สร้าง Flyfish ทุกๆ 4 วินาที ค. สร้าง แอปเปล้ิ ทกุ ๆ 4 วินาที ง. สรา้ ง Flyfish ทุกวนิ าที

4 6. Program น้มี คี าสัง่ ตรงกับตวั เลือกใด ก. เมอ่ื เห็นแอปเปิ้ลใหเ้ คลื่อนทีต่ รงเข้าไปหา ข. เมอ่ื เห็นแอปเปลิ้ ใหเ้ คลื่อนทต่ี รงออกไป ค. เมอ่ื เห็นแอปเป้ิลให้หนีออกหา่ ง ง. เมื่อเหน็ แอปเปล้ิ ให้หลกี ออกไป 7. ถา้ ปรอทน้ีขนึ้ สแี ดง หมายถึงอะไร แลว้ ควรทาอยา่ งไร ก. เกมมีความน่าสนใจมาก ควรสร้างหรอื เพิ่มฉาก/ ตวั ละครให้มากขนึ้ ข. สร้างพน้ื ทเี่ กมมากเกนิ ไป อาจทาใหเ้ กมค้างได้ ควรหยดุ สรา้ ง ค. พลงั ชีวิตของตวั ละคร Kodu มีมาก ควรใชต้ ่อสู้ ง. ปกติ ไม่ต้องทาอะไรเลย 8. จากภาพข้อใดถูกต้อง ก. See ข. Move ค. Bumped ง. Create 9. จากภาพข้อใดถูกต้อง ก. See ข. Move ค. Bumped ง. Create 10. จากภาพข้อใดถูกต้อง ก. See ข. Move ค. Bumped ง. Create

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

6 ใบความรทู้ ี่ 1 การสรา้ งเงอ่ื นไขบนเกม หลักการเขยี นโปรแกรมเกม Kudo Kodu เปน็ โปรแกรมภาษาเฉพาะด้าน (Domain-specific language) สรา้ งมาสาหรบั การ สร้างเกม โดยอาศัยไวยากรณ์ภาษา (Grammar) ของ Kodu เป็นตัวกาหนดวิธีการเขียนโปรแกรม ในเกม การเขียนเกมใน Kodu เร่ิมจากการสร้างโลกของเกมข้ึนมาก่อน โดยสร้างพื้นที่ในการเล่น เกม (Terrain) จากนั้นสร้างตัวละคร หรือ วัตถุต่างๆ เข้าไปบนพ้ืนที่นั้น ต่อมาคือการสร้างกฎของ เกม เพื่อให้ตัวละครและวัตถุต่างๆ ทางานร่วมกัน ตามที่เกมได้ถูกออกแบบไว้ กฎต่างๆ ในเกม จะ ถกู กาหนดโดยการเขียนโปรแกรมเข้าไปยังตัวละคร หรือวัตถตุ ่างๆ และลักษณะการเขยี นโปรแกรม ใน Kodu คือการส่ังให้ตัวละคร หรือวัตถุต่างๆ ทางานเมื่อเหตุการณ์ต่างๆ เกิดข้ึน เช่นในตัวอย่าง ตามรูปด้านบน เป็นการกาหนดกฎให้ตัวละคร Kodu มีทั้งหมด 4 เหตุการณ์ แต่ทางาน 5 อย่าง ไวยากรณ์ของ Kodu อยู่ในรูปแบบง่ายๆ คือ แต่ละบรรทัด หรือแต่ละรายการ (มีตัวเลขกากับอยู่) เปน็ กฎหนึง่ ๆ สาหรับตัวละครหรอื วัตถุนนั้ และกฎนน้ั อยูใ่ นรูปแบบตามไวยากรณข์ อง Kodu ดงั น้ี When Condition Do Action อธิบายได้ว่า เม่ือ (When) เหตุการณ์ที่เฝ้ารอเกิดขึ้น (Condition) ให้ทา (Do) งานดังนี้ (Action) จากรปู ดา้ นลา่ ง อธิบายกฎตามหลกั ไวยากรณข์ อง Kodu ได้ดงั น้ี ภาพท่ี 1 อธบิ ายกฎตามหลักไวยากรณ์ของ Kodu

7 1. เมอ่ื ผู้เล่นใชค้ ีย์ลกู ศรบนคียบ์ อร์ด ตัวละคร Kodu จะเคลื่อนทต่ี ามทิศทางของคยี ์ลูกศรอยา่ ง รวดเร็ว 2. เม่ือตวั Kodu ชน (bump) กับแอปเปิ้ล ให้ตัว Kodu กนิ ผลแอปเปิ้ลนน้ั (it) 3. ในกรณที ี่กฎมีการย่อหนา้ และไม่มเี งื่อนไขของเหตุการณก์ ากับอยู่ หมายความว่า ใหใ้ ช้เง่ือนไข ก่อนหน้าน้ัน ซึ่งกค็ ือกฎในข้อ 3 เมอื่ ตัว Kodu ชน กับแอปเปิ้ล ให้เพม่ิ คะแนน 1 คะแนนแก่ผู้ เล่น 4. เม่ือผู้เล่นทาคะแนนได้ครบ 5 คะแนน ผเู้ ลน่ ชนะ กิจกรรมหลกั การเขียนโปรแกรมเกม Kudo 1. ใหน้ กั เรียนกาหนดกฎใหต้ ัวละคร Kodu โดยบรรทดั ท่ี 1 คลกิ เมาสใ์ นสว่ น ของ When จะปรากฏ...................................................เลอื่ นเมาสไ์ ปคลิกในสว่ นของ Do จะปรากฏ ............................................................................................................................. .......... 2. ใหน้ กั เรยี นกาหนดกฎให้ตัวละคร Kodu ตามรูป ผลที่เกิดขน้ึ คือ.............................................................................................................. 3. ให้นกั เรียนกาหนดในส่วนของ When ให้ เวลาเทา่ กบั 30 วนิ าที แลว้ ในสว่ นของ Do จะ กาหนดให้ จบเกม ผลทจ่ี ะเกิดขึ้นคือ.............................................................................

8 การสร้างเง่อื นไขในเกม Kudo เกมใน Kodu ถูกขบั เคล่ือนด้วยเหตุการณ์ตา่ งๆ ระหว่างโปรแกรมทางาน หรือระหว่าง การเลน่ เกม ดงั น้ันการเขยี นโปรแกรมจงึ ขึ้นอยู่กับเหตุการณ์เหลา่ นน้ั และสามารถแสดงเปน็ กฎได้ ดงั น้ี 1. When Condition (เงือ่ นไขของเหตุการณ์) Do Action (ส่งิ ทีจ่ ะทาเมื่อเกดิ เหตุการณ์ขน้ึ ) กฎด้านบนนี้เป็นเพียงแค่กฎเบื้องต้น เพราะเบื้องหลังของแต่ละรายการคาส่ังใน โปรแกรม Kodu ถูกกากับด้วยไวยากรณ์ภาษา (Kodu Grammar) ท่ีต้องใช้ให้ถูกต้อง เพื่อให้เกม ทางานได้ถูกต้องตามที่ได้ออกแบบไว้ การเข้าใจไวยากรณ์ของเกมจะทาให้เขียนโปรแกรมใน Kodu ได้ดีข้ึน เหมือนเข้าใจในไวยากรณ์ภาษาอังกฤษ ก็จะอ่านเขียนภาษาอังกฤษได้ดีข้ึน แต่ก็ ไม่ได้หมายความว่า ต้องเข้าใจไวยากรณ์ใน Kodu ท้ังหมดก่อนถึงจะเริ่มเขียนโปรแกรมบน Kodu ได้ Variable –> Variables Terminals ดงั นั้นมาเร่ิมต้นศกึ ษาแบบงา่ ยๆ กอ่ น สว่ นประกอบสาคัญของไวยากรณ์ คอื Production Rules เปน็ กฎสาหรับสร้างภาษา ประกอบไปดว้ ย Variables และ Terminals ซง่ึ อยูใ่ นรปู แบบดงั นี้ Variable คือคาที่แปรเปลี่ยนได้ตามกฎ (อื่น) คาเหล่านี้จะข้ึนต้นด้วยอักษรตัวใหญ่ เช่น Rule, Condition, Action, Sensor, Filter, FilterSet, Actuator, Selector, Modifier เป็นต้น Terminal คือคาที่สิ้นสุด ไม่สามารถเปล่ียนแปลงต่อไปได้อีกแล้ว คาเหล่านี้จะขึ้นต้นดว้ ย อกั ษรตวั เลก็ เชน่ kodu, cycle, apple, see, move, red, eat, toward, quickly, hear เปน็ ตน้ คาเหล่าน้ีจะเป็นไอคอนต่างๆ ท่ีใช้ในการเขียนโปรแกรมใน Kodu ซ่ึงไอคอนต่างๆ พอจะแบ่งเป็น กลุ่มๆ (ตัวอยา่ ง) ไดด้ งั นี้  ไอคอนตัวละครหรอื วตั ถุ ภาพที่ 2 ไอคอนตวั ละครหรือวัตถุ

9  ไอคอนแสดงการรับรู้ ภาพท่ี 3 ไอคอนแสดงการรบั รู้  ไอคอนท่ีเปน็ การกระทา ภาพที่ 4 ไอคอนท่เี ปน็ การกระทา 2. Production Rules เป็นกฎที่ใชอ้ ธบิ ายตัวภาษาเพอ่ื สรา้ งกฎของเกม ในขณะท่ีกฎของเกมที่ ใช้ตอนเขียนโปรแกรม (When … D0 …) คอื ผลลพั ธ์สดุ ท้ายจากการใช้ Production Rules ดา้ น ซ้ายมอื ของ Production Rules จะมีได้แต่ตวั แปร และมีแคต่ วั เดยี ว แต่ด้านขวามือ ตวั แปรและ Terminal อาจมตี ัวเดยี ว หลายตัว หรอื ไมม่ ีเลยกไ็ ด้ กิจกรรมการสรา้ งเง่อื นไขในเกม Kudo 1. ให้นักเรยี นเขยี นเง่ือนไขให้ kodu โดยกาหนดให้ When คลกิ เลือกคาสง่ั Bump + apple แล้วในส่วนของ Do คลิกเลือกคาสง่ั eat + it แลว้ จะเกดิ ผล คือ................ ........................................................................................................... ........................ 2. ใหน้ ักเรยี นเขียนเงื่อนไขให้ kodu โดยกาหนดให้ When คลิกเลอื กคาสง่ั see + fish แล้วในส่วนของ Do คลิกเลือกคาสง่ั move + toward + quickly แล้วจะ เกิดผล คอื ................................................................................................................

10 หลกั การใช้คาส่ังในเกม Kudo จดุ เริม่ ต้นของกฎสาหรับสร้างภาษา (Production Rules) ทใี่ ชใ้ นการเขียนโปรแกรมคอื 1. Rule –> Condition Action Rule คือกฎของเกมที่ต้องการจะสร้าง Condition เป็นเงื่อนไขของเหตุการณ์ Action ส่ิง ที่จะทาเม่อื เง่ือนไขนนั้ เปน็ จริง กฎนีย้ งั ใชง้ านไมไ่ ด้ เน่อื งจากดา้ นขวามอื มีแตต่ วั แปร (Variable) ซง่ึ ไม่สามารถแทนที่ได้ด้วยไอคอนใน Kodu ดังน้ันมาดูกฎข้ออ่ืนกันต่อว่า ตัวแปรเหล่าน้ีเปล่ียนไป เปน็ อะไรได้บา้ ง 2. Condition –> Sensor Filter 3. Action –> Actuator Selector Modifier Sensor (การรับรู้) Filter (ตัวกรอง) Actuator (ตวั กระทา) Selector (ตวั เลอื ก) Modifier (ตวั ขยาย) ท้งั หมดนก้ี ็ยังเป็นตัวแปรอยู่ แทนท่ีด้วยไอคอนไม่ได้ แตส่ ามารถแทนทก่ี ันเอง ได้ กฎการแทนที่ เปน็ กฎทีท่ าใหไ้ วยากรณ์ขยายออกไปได้ด้วยการแทนคาจากกฎข้อหนง่ึ ไปแทนคา ในกฎอกี ข้อหนึ่ง คือแทนคาท่ีเปน็ ตวั แปรทางซา้ ยมือ ดว้ ยคาทางขวามือ (อาจเป็น Variable หรือ Terminal กไ็ ด้) ยกตวั อย่างในกรณนี ี้ เราสามารถนา Sensor Filter ไปแทนตัวแปร Condition ในกฎข้อแรกได้ ดังน้ี Rule –> Sensor Filter Action และเมื่อแทน Action ดว้ ย กจ็ ะได้กฎใหม่ดงั น้ี Rule –> Sensor Filter Actuator Selector Modifier 4. Sensor –> see | hear | bump 5. Filter –> apple | blue | health 6. Actuator –> move | shoot| add 7. Selector –> toward | me | avoid 8. Modifier –> 5 points | red | quickly คราวนี้เราจะเห็นคาท่ีเป็น Terminals กันบ้างแล้ว แท่ง (Vertical bar) ท่ีกั้นระหว่างคา ดา้ นขวามอื หมายความวา่ ให้เลอื กใช้คาใดคาหนง่ึ ตวั อยา่ งเช่น เลือก hear แทน Sensor, apple แทน Filter, add แทน Actuator เป็นต้น คราวน้ีมาลองดูตัวอย่างกฎในเกม ที่ได้จากกฎสร้าง ภาษาด้านบน เพื่อนาไปเขียนโปรแกรมใน Kodu เช่น ต้องการเขียนกฎให้ตัว Kodu เม่ือเห็นผล แอปเป้ลิ แล้ว ใหเ้ คล่ือนท่ีไปหาผลแอปเปล้ิ น้ันอย่างรวดเรว็ เมือ่ ใชก้ ฎสร้างภาษาท่ีกล่าวมา รว่ มกับ กฎการแทนทแี่ ล้ว จะได้กฎคาสง่ั สุดท้ายตามข้นั ตอนดงั นี้  Rule –> Condition Action  Rule –> Sensor Filter Action  Rule –> see Filter Action  Rule –> see apple Action  Rule –> see apple Actuator Selector Modifier

11  Rule –> see apple move Selector Modifier  Rule –> see apple move toward Modifier  Rule –> see apple move toward quickly กฎสุดทา้ ยจะมีแต่ Terminal ในด้านขวามอื ซ่ึงสามารถเขียนในโปรแกรม Kodu ไดด้ ังน้ี When see apple Do move toward quickly สังเกตว่า When และ Do ไม่ได้อยู่ในไวยากรณ์ของ Kodu แต่เป็นส่วนหน่งึ ในกฎของเกม ที่ใช้แยกระหว่างเหตุการณ์ กับส่ิงที่จะทาเมื่อเหตุการณ์นั้นเกิดข้ึน รูปล่างนี้แสดงการเขียนกฎ สดุ ทา้ ยทไ่ี ดจ้ ากตวั อยา่ งด้านบนใหต้ ัว Kodu ภาพที่ 5 แสดงการเขียนกฎสดุ ท้ายที่ได้จากตวั อยา่ งดา้ นบนให้ตวั Kodu กิจกรรมการสรา้ งเงอื่ นไขในเกม Kudo 1. ให้นักเรยี นเขยี นโปรแกรม กาหนดให้ Kodu เคลือ่ นที่โดยใชค้ ีบอร์ด ปุ่มลูกศร จะต้อง กาหนดให้ When............................+.......................Do......................+................................. 2. ใหน้ กั เรียนเขียนโปรแกรม Kodu ดงั นี้ When see apple Do move toward quickly ผล ทีเ่ กดิ ขึ้นคือ............................................................................................................... ................

12 หลกั การสรา้ งเกมใน Kudo ท่ีผ่านมา Kodu Grammar เป็นไวยากรณ์สาหรับกฎเพียงข้อเดียว ท่ีเร่ิมต้นด้วยตัวแปร Rule แต่สาหรับโปรแกรมเกมใน Kodu สามารถมีได้หลายกฎและองค์ประกอบอ่ืนๆ อีก ในคราวนี้ เรามามองไวยากรณ์ท่ีกว้างข้ึน ครอบคลุมท้ังโปรแกรม ซ่ึงจะมีตัวแปรเพิ่มขึ้นมาอีก จุดเริ่มต้นของ ไวยากรณ์ของโปรแกรมเกมคือ Game ซ่ึงประกอบไปด้วยตัวละคร Actors หลายๆ ตัว ในหนึ่งเกม Game –> Actors ตัวละครถือว่าเป็นวัตถุ Object หรือกลุ่มของวัตถุ Object Actors ซึ่งไม่ระบุ จานวน ขึ้นกับแต่ละเกม Actors –> Object | Object Actors ไวยากรณ์รูปแบบน้ี จะเห็นว่าตัว แปร (ในที่นี้คือ Actors ด้านซ้าย) สามารถแทนที่ด้วยตัวมันเอง (Actors ด้านขวาสุด) ไวยากรณ์ใน ลักษณะนี้ คล้ายกับฟังก์ชันท่ีเรียกตัวเอง (Recursive function) ถ้าเลือกแทนที่ด้วย Object Actors โดยมีจุดสิ้นสดุ ของการวนซา้ ถ้าเลอื กใช้ตวั แปร Object วตั ถสุ ามารถเขยี นโปรแกรมไดอ้ ย่าง น้อยหน่ึงหน้า Page หรือมากกว่าน้ัน แต่ไม่เกิน 12 หน้า Object –> Page | Page Object ในแต่ ละหน้าสามารถ มีได้หนึ่งกฎ Rule หรือหลายกฎก็ได้ Page –> Rule | Rule Page กฎถูกกาหนด ด้วยเงือ่ นไขของเหตุการณ์ Condition และสิง่ ทจ่ี ะทา Action เมอ่ื เกิดเหตุการณ์ขึน้ กฎยงั สามารถมี กฎซ้อน (Nested Rules) ได้ด้วย กฎซ้อนนี้สร้างได้ด้วยการสลับไปใช้ Page ในหน้าใหม่ เพื่อแสดง พฤติกรรมท่ีเปลี่ยนไปจากเดิม เมื่อเหตุการณ์ท่ีกาหนดไว้เกิดข้ึน หรือการเปลี่ยนระดับของเกม (Game Level) Rule –> Condition Action | Condition Action Page Condition Action และ ตวั แปรท่ีตามมาจะคลา้ ยของเดิม แต่มไี วยากรณท์ ่ขี ยายมากขนึ้ กิจกรรมหลักการสร้างเกมใน Kudo 1. ใหน้ ักเรยี นเขียนโปรแกรมใน Kodu เลอื่ นเมาส์ไปคลิกเลอื กไอคอน เพื่อสรา้ งเป็นคาสงั่ บรรทัดที่ 1 สองคาสัง่ แรกเป็นการกาหนดให้ตัว Kodu เคล่อื นที่ (move) เมอื่ ผูเ้ ลน่ ใชค้ ีย์ ลกู ศรบนคียบ์ อรด์ บังคับ บรรทดั ที่ 2 เมอื่ Kodu ไปชน (bump) กับผลแอปเป้ลิ กใ็ ห้ Kodu กนิ (eat) มัน (it) บรรทัดท่ี 3 กาหนดใหเ้ พ่ิมคะแนน (score) ให้ผเู้ ล่น 1 คะแนน กาหนดวา่ เมอื่ ผเู้ ล่นทาคะแนน ได้ 5 คะแนน ผ้เู ลน่ เป็นฝ่ายชนะ (win) ผลทเ่ี กดิ ขึ้นคือ........................................................... ............................................................................................................................. ....................

13 แบบฝกึ เสริมทักษะที่ 3.3 การสรา้ งเงอ่ื นไขบนเกม โจทย์ ใหน้ ักเรียนออกแบบฉาก โดยนักเรียนดาวน์โหลดไฟลต์ น้ แบบจากลิงค์ : http://gg.gg/9m6fl ในระบบ google classroom ลงในเครือ่ งคอมพิวเตอร์ และสรา้ งกจิ กรรมดังน้ี สรา้ งจานบนิ สแี ดงปล่อยแอปเป้ิลสแี ดง ทุก 3 วินาที จานบินสีเขียว ปล่อยแอปเป้ลิ สเี ขยี วทุก 4 วินาที จานบินสีดา ปลอ่ ยแอปเป้ิลสีดาทุก 5 วนิ าที สร้างมอเตอรไ์ ซต์ 2 คนั สีเขยี วและสีแดง เก็บแอปเปิล้ สีของตัวเอง และเลยี่ งโดนแอปเปิ้ล สีดา สร้าง KODU เก็บแอปเปลิ้ สแี ดงได้ 1 แต้ม , สเี ขียว ได้ 2 แต้ม , สดี าลบ 2 แตม้ เก็บครบ 15 คะแนน ชนะ โดยบันทกึ ไฟลช์ ่ือ Projects แลว้ สง่ ขึน้ ไปใน google classroom หนว่ ยที่ 3.3 การสรา้ งเง่อื นไขบนเกม เกณฑก์ ารประเมนิ ประเด็นการประเมนิ ระดับคุณภาพ ดี พอใช้ ปรบั ปรงุ (1) (3) (2) ออกแบบฉาก และ ออกแบบฉาก และ ออกแบบฉาก และ ออกแบบฉาก สรา้ งกิจกรรมตาม สรา้ งกจิ กรรมได้ คาสัง่ สร้างกิจกรรมตาม และสร้าง บางสว่ น แตไ่ ม่ คาส่ังครบถ้วน อย่าง กิจกรรมตาม ครบถ้วน สร้างสรรค์ คาสงั่ ครบถ้วน

14 แบบฝึกเสรมิ ทักษะที่ 3.4 การสร้างเง่อื นไขบนเกม ตอนท่ี 2 เกมสเ์ กบ็ แอปเป้ิล โจทย์ ใหน้ กั เรยี นออกแบบฉาก โดยนกั เรยี นดาวน์โหลดไฟลต์ น้ แบบจากลิงค์ : http://gg.gg/9m6fl ในระบบ google classroom ลงในเคร่ืองคอมพวิ เตอร์ และสรา้ งกิจกรรมดังน้ี มเี งือ่ นไขดังต่อไปน้ี 1. ให้ทาการเก็บแอปเปล้ิ 5 ลูก ภายในระยะเวลา 20 วินาที 2. เมื่อเกบ็ ได้ 5 ลกู ตามระยะเวลาทกี่ าหนด ชนะ 3. เมือ่ เวลาเกนิ 20 วนิ าที แพ้ โดยบนั ทึกไฟล์ช่ือ Projects2 แลว้ ส่งขนึ้ ไปใน google classroom หน่วยที่ 3.4 การสร้าง เงอ่ื นไขบนเกม ตอนท่ี 2 เกณฑก์ ารประเมนิ ประเด็นการประเมิน ระดับคุณภาพ ดี พอใช้ ปรับปรงุ (1) (3) (2) ออกแบบฉาก และ ออกแบบฉาก และ ออกแบบฉาก และ ออกแบบฉาก สร้างกิจกรรมตาม สรา้ งกิจกรรมได้ คาสั่ง สร้างกจิ กรรมตาม และสรา้ ง บางสว่ น แต่ไม่ คาสั่งครบถว้ น อย่าง กิจกรรมตาม ครบถว้ น สรา้ งสรรค์ คาส่งั ครบถว้ น

15 แบบทดสอบหลังเรยี น คาชแี้ จง จงเลอื กคาตอบที่ถูกต้องเพยี งคาตอบเดียว 1. จากภาพข้อใดถูกต้อง ก. Create ข. See ค. Move ง. Bumped 2. จากภาพข้อใดถูกต้อง ก. Create ข. Move ค. Bumped ง. See 3. จากภาพข้อใดถูกต้อง ก. Create ข. Bumped ค. Move ง. See 4. เราจะโปรแกรมตวั ละครได้อย่างไร ก. เลือกทป่ี ุ่มสามเหลยี่ มสเี ขียว ข. คลิกขวาที่ตวั ละคร > เลอื ก Program ค. คลกิ ซ้ายท่ีตัวละคร > เลือก Program ง. คลกิ ทต่ี วั ละครสองครั้ง (Double Click) 5. Program นี้มีคาส่งั ตรงกับตัวเลือกใด ก. เม่อื ชนแอปเป้ลิ ให้กินทันที ข. เม่ือเหน็ แอปเปิ้ลใหว้ ่งิ หนี ค. เม่ือชนแอปเป้ลิ ให้ตายทันที ง. เมื่อเหน็ แอปเป้ลิ ใหก้ ินทันที

16 6. การกระทาในภาพหมายถงึ อะไร ก. เกบ็ ลกู แอปเปิลที่มีค่า 10 คะแนน จงึ จะเลน่ ในดา่ นถัดไปได้ ข. ตอ้ งเกบ็ ลูกแอปเปิลลูกเดียวท่มี คี า่ 10 คะแนน จะชนะเกม ค. เมอื่ ทาคะแนนถึง 10 คะแนน ชนะเกม ง. เมื่อทาคะแนนถึง 10 คะแนน ใหเ้ ล่นในดา่ น ถดั ไปได้ 7. Program นม้ี ีคาส่งั ตรงกบั ตัวเลือกใด ก. สรา้ ง Flyfish ทกุ ๆ 4 นาที ข. สร้าง Flyfish ทกุ ๆ 4 วินาที ค. สรา้ ง แอปเป้ิล ทุกๆ 4 วินาที ง. สร้าง Flyfish ทุกวินาที 8. Program นีม้ ีคาสั่งตรงกับตัวเลือกใด ก. เมอ่ื เห็นแอปเป้ลิ ให้เคล่ือนท่ตี รงเขา้ ไปหา ข. เมื่อเหน็ แอปเปลิ้ ใหเ้ คลื่อนท่ีตรงออกไป ค. เมือ่ เห็นแอปเปลิ้ ให้หนอี อกหา่ ง ง. เมอ่ื เหน็ แอปเปลิ้ ใหห้ ลีกออกไป 9. ถ้าปรอทนี้ขน้ึ สีแดง หมายถงึ อะไร แลว้ ควรทาอยา่ งไร ก. เกมมีความน่าสนใจมาก ควรสร้างหรือเพิ่มฉาก/ ตวั ละครใหม้ ากข้ึน ข. สร้างพ้ืนทเี่ กมมากเกนิ ไป อาจทาใหเ้ กมคา้ งได้ ควรหยุดสรา้ ง ค. พลงั ชวี ติ ของตวั ละคร Kodu มมี าก ควรใชต้ ่อสู้ ง. ปกติ ไมต่ ้องทาอะไรเลย 10. ข้อใดคอื การกาหนดเง่ือนไข/การเขียนคาสั่ง ก. this , do ข. welcome ,do ค. what , do ง. When, do

17 ภาคผนวก

18 เฉลยกจิ กรรม กิจกรรมหลักการเขียนโปรแกรมเกม Kudo 1. ให้นกั เรียนกาหนดกฎให้ตวั ละคร Kodu โดยบรรทดั ท่ี 1 คลกิ เมาส์ในส่วน ของ When จะปรากฏ..คาสั่งใหต้ ัวละคร หรือวตั ถตุ า่ งๆทางานเมื่อเหตุการณต์ า่ งๆ เกิดขึ้น.............. เลอื่ นเมาส์ไปคลิกในส่วนของ Do จะปรากฏ......คาสง่ั ใหใ้ ห้ตัวละคร หรอื วตั ถตุ า่ งๆ กระทา............................................................................................................................. 2. ให้นกั เรยี นกาหนดกฎใหต้ ัวละคร Kodu ตามรูป ผลที่เกิดขึ้น คือ......Kodu เคลอ่ื นท่ีอย่างรวดเร็วโดยปุ่มลกู ศรบนคบี อร์ดควบคุม.............. 3. ให้นกั เรียนกาหนดในสว่ นของ When ให้ เวลาเทา่ กับ 30 วนิ าที แล้วในสว่ นของ Do จะ กาหนดให้ จบเกม ผลที่จะเกิดขึ้นคือ...เม่อื เวลาท่ีเลน่ เทา่ กับ 30 วนิ าที เกมจะขึ้น END... กิจกรรมการสร้างเงอ่ื นไขในเกม Kudo 1. ให้นักเรยี นเขยี นเง่ือนไขให้ Kodu โดยกาหนดให้ When คลิกเลือกคาส่ัง Bump + apple แลว้ ในสว่ นของ Do คลิกเลอื กคาส่งั eat + it แล้วจะเกิดผล คือ...เมื่อ Kodu ชน apple ตวั Kodu ก็จะกนิ apple............................................................ 2. ให้นกั เรียนเขียนเง่ือนไขให้ Kodu โดยกาหนดให้ When คลกิ เลือกคาสั่ง see + fish แล้วในส่วนของ Do คลิกเลือกคาสัง่ move + toward + quickly แล้วจะ เกดิ ผล คอื ....เม่ือ Kodu มองเหน็ ปลา ก็จะเคลื่อนทว่ี นหลีกอย่างรวดเรว็ ..............

19 กจิ กรรมการสรา้ งเงอื่ นไขในเกม Kudo 1. ใหน้ กั เรียนเขียนโปรแกรม กาหนดให้ Kodu เคลื่อนท่โี ดยใชค้ ีบอรด์ ปุ่มลูกศร จะต้อง กาหนดให้ When.... ....+... ....Do.... .....+........ ................................ 2. ให้นักเรยี นเขยี นโปรแกรม Kodu ดงั น้ี When see apple Do move quickly ผลที่ เกดิ ขึ้นคือ....เม่อื Kodu มองเหน็ apple ก็จะเคลื่อนท่ีอยา่ งรวดเรว็ ............ กิจกรรมหลกั การสร้างเกมใน Kudo 1. ใหน้ ักเรียนเขียนโปรแกรมใน Kodu เลื่อนเมาส์ไปคลิกเลอื กไอคอน เพอ่ื สร้างเปน็ คาส่ัง บรรทัดที่ 1 สองคาสั่งแรกเป็นการกาหนดให้ตัว Kodu เคล่ือนที่ (move) เม่อื ผูเ้ ลน่ ใชค้ ีย์ ลกู ศรบนคยี บ์ อรด์ บังคับ บรรทดั ท่ี 2 เม่อื Kodu ไปชน (bump) กบั ผลแอปเปิล้ กใ็ ห้ Kodu กนิ (eat) มนั (it) บรรทดั ที่ 3 กาหนดให้เพ่ิมคะแนน (score) ให้ผ้เู ลน่ 1 คะแนน กาหนดว่าเม่ือผเู้ ล่นทาคะแนน ได้ 5 คะแนน ผเู้ ล่นเป็นฝา่ ยชนะ (win) ผลทีเ่ กิดขึ้นคือ. Kodu เคลือ่ นท่ี เมือ่ ผู้เล่นใชค้ ยี ์ลูกศร บนคยี บ์ อร์ดบงั คบั ไปชนกับผลแอปเปิ้ล ก็ให้ Kodu กนิ และจะได้เพิ่มคะแนน 1 คะแนน เม่ือ ได้ 5 คะแนนผ้เู ลน่ เปน็ ฝ่ายชนะ.......................................................... ............................................................................................................................. ....................

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

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

22 บรรณานุกรม สุพจน์ ศรีนุตพงษ์. 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).

23