0
คำนำ ชุดกิจกรรมน้ีเป็นชุดกิจกรรมท่ี 2 เร่ือง การสร้างภาพเคล่ือนไหว เน้ือหา ภายในชุดกิจกรรมประกอบด้วย การเคล่ือนท่ีของตัวละคร (Sprite) การสร้าง ภาพเคล่ือนไหว (Backdrops) พิกัดและทิศทาง ในการจัดกิจกรรมเรียนรู้ เน้นให้ นักเรียน เกิดความรู้ความเข้าใจเกี่ยวกับ ขั้นตอนการสร้างภาพเคล่ือนไหว เน้นการ ปฏิบัติ ฝึกทักษะ เริ่มต้ังแต่การรู้จักกลุ่มบล็อกการเคล่ือนท่ีของตัวละคร (Sprite) การสั่งให้โปรเจกต์เริ่มทางาน การสั่งให้โปรเจกต์หยุดการทางาน กลุ่มบล็อกการ เปล่ียนฉาก (Backdrops) ข้ันตอนการเพิ่มฉากของเวที ข้ันตอนการการลบฉากของ เวที ข้ันตอนการเขียนสคริปต์เปล่ียนฉาก (Backdrops) กลุ่มบล็อกพิกัดของตัวละคร (Sprite) การกาหนดตาแหนง่ ตวั ละครบนเวที การเขยี นสคริปตใ์ ห้ตวั ละครเคลื่อนท่ีไป ในพิกัดต่าง ๆ กลุ่มบล็อกทิศทางของตัวละคร (Sprite) การกาหนดทิศทางและ ตาแหน่งการเคล่ือนท่ีของตัวละคร และการเขียนสคริปต์ให้ตัวละครเคล่ือนท่ีไปใน ทศิ ทางต่าง ๆ การพฒั นาชดุ กิจกรรมน้ี ผู้จัดทาได้จดั เนือ้ หาการเรียนรู้ตามลาดับจากง่ายไป หายากเรียนรู้จากการทากิจกรรมท่ีหลากหลายมีภาพสีสันสวยงาม ซึ่งเหมาะกับวัย ของ นักเรียนในระดับชั้นมัธยมศึกษาปีท่ี 1 ผู้จัดทาหวังเป็นอย่างยิ่งว่าชุดกิจกรรม ชุดท่ี 2 น้ี จะเป็นส่วนสาคัญในการพัฒนาความรู้ เร่ือง การสร้างภาพเคล่ือนไหว ให้เกิดข้ึนกับนักเรียนช้ันมัธยมศึกษาปีท่ี 1 รายวิชาพ้ืนฐานวิทยาศาสตร์ เทคโนโลยี (วิทยาการคานวณ) กลุ่มสาระการเรียนรู้วิทยาศาสตร์ (ฉบับปรับปรุง พ.ศ.2560) ตามมาตรฐานการเรียนรู้และตัวชี้วัดท่ีกาหนดไว้ในหลักสูตรสถานศึกษาได้เป็น อย่างดี นฤมล ภู่นาค ผู้จดั ทา 1
สำรบัญ หน้า เรือ่ ง 1 คำนำ 2 สำรบญั 4 สำรบัญรปู 5 สำรบญั ตำรำง 6 คำแนะนำสำหรับครูผสู้ อน 7 มำตรฐำนกำรเรียนรู้/ตัวชีว้ ดั จุดประสงคก์ ำรเรียนรู้ 8 คำแนะนำสำหรบั นักเรยี น 9 กระดำษคำตอบแบบทดสอบก่อนเรียน 10 แบบทดสอบกอ่ นเรียน 13 ตอนท่ี 1 กำรเคล่อื นทข่ี องตวั ละคร (Sprite) 13 15 กลุ่มบลอ็ กการเคลือ่ นท่ขี องตัวละคร (Sprite) 16 การสัง่ ให้โปรเจกตเ์ ริ่มทางาน 18 การส่งั ให้โปรเจกตห์ ยดุ การทางาน 19 กิจกรรมที่ 1 มาสารวจบล็อกคาสัง่ (Block) กัน 24 กิจกรรมที่ 2 โปรเจกตแ์ รกของฉนั 24 ตอนท่ี 2 กำรสรำ้ งภำพเคล่อื นไหว (Backdrops) 25 บลอ็ กการเปลย่ี นฉาก (Backdrops) 27 ขนั้ ตอนการเพิ่มฉากของเวที 28 กิจกรรมที่ 3 การเพิ่มฉากของเวที 29 ขนั้ ตอนการลบฉากจากเวที 30 กิจกรรมที่ 4 การลบฉากของเวที 31 ขนั้ ตอนการเขยี นสคริปต์เปลย่ี นฉาก (Backdrops) กิจกรรมที่ 5 การเขียนสครปิ ต์เพิ่มและสลับฉาก 2
สำรบญั หน้า เรือ่ ง 33 33 ตอนท่ี 3 พิกัดและทิศทำง 35 บลอ็ กพิกดั ของตัวละคร (Sprite) 36 การกาหนดตาแหนง่ ตัวละครบนเวที 38 การเขยี นสครปิ ต์ให้ตัวละครเคลอ่ื นทไ่ี ปในพิกดั ตา่ งๆ 39 กิจกรรมที่ 6 พิกดั ของตวั ละคร 40 บลอ็ กทิศทางของตัวละคร (Sprite) 43 การกาหนดทิศทางและตาแหนง่ การเคลื่อนท่ขี องตัวละคร 45 การเขยี นสครปิ ต์ให้ตวั ละครเคลอ่ื นทไ่ี ปในทิศทางต่างๆ 46 กิจกรรมที่ 7 ทศิ ทางของตวั ละคร (Sprite) 48 กิจกรรมที่ 8 ฝึกเขยี นสคริปตร์ ะบพุ ิกัดและทิศทางของตัวละคร 49 แบบบนั ทกึ ผลคะแนนการเรียนรู้ ดา้ นความรู้ทักษะ/กระบวนการ 50 กระดาษคาตอบแบบทดสอบหลังเรียน 53 แบบทดสอบหลังเรียน 55 เกณฑ์การประเมินแบบทดสอบก่อนเรียน-หลังเรยี น 56 เฉลยแบบทดสอบก่อนเรียน-หลงั เรียน 62 เฉลยตอนที่ 1 66 เฉลยตอนที่ 2 70 เฉลยตอนที่ 3 บรรณานกุ รม 3
สำรบญั รปู รปู ที่ หน้า รูปที่ 1 รูปตารางท่ี 1 แสดงกลมุ่ บลอ็ ก Motion 13 รปู ที่ 2 รูปตารางท่ี 2 แสดงกลุ่มบลอ็ ก Looks 13 รูปที่ 3 รปู ตารางท่ี 3 แสดงกลุ่มบล็อก Control 14 รปู ที่ 4 รปู ตารางที่ 4 กลมุ่ บลอ็ ก Events 15 รปู ที่ 5 แสดงการหยดุ คาสัง่ การเขียนโปรแกรม 16 รปู ที่ 6 แสดงตัวอย่างการเขียนสครปิ ต์ให้ตัวละครเดิน 17 รูปที่ 7 รูปตารางท่ี 5 แสดงกลุ่มบลอ็ ก Looks 24 รปู ที่ 8 ขั้นตอนการเพ่มิ ฉาก 26 รูปที่ 9 ขน้ั ตอนการลบฉากจากเวที 28 รูปที่ 10 แสดงตัวอย่างการเขยี นสครปิ ต์เปลย่ี นฉาก (Backdrops) 30 รปู ที่ 11 ตารางที่ 6 แสดงคาสัง่ กลุ่มบล็อก Motion เกย่ี วกับพกิ ัด 34 รปู ที่ 12 แสดงตาแหนง่ ค่าพกิ ัด (x, y) บนเวที 35 รูปที่ 13 แสดงตาแหนง่ ค่าพิกดั (x=0, y=0) บนเวที 36 รูปที่ 14 เขียนสครปิ ต์แสดงตาแหนง่ ค่าพิกดั (x=100, y=-50) บนเวที 37 รปู ที่ 15 ตารางที่ 7 แสดงคาสั่งกลุ่มบล็อก Motion เก่ยี วกบั ทศิ ทาง 39 รูปที่ 16 แสดงตวั อย่างทิศทางของตัวละคร 40 รปู ที่ 17 แสดงตวั อย่างทิศทางการเคล่อื นท่ี 108 องศา 41 รูปที่ 18 แสดงการระบุทิศทางของตัวละคร 42 รปู ที่ 19 ตวั อย่าง การเขียนสครปิ ต์ระบุทศิ ทางหมนุ ตามเขม็ นาฬิกา 15 องศา 43 รูปที่ 20 ตัวอย่าง การเขียนสคริปตร์ ะบุทศิ ทางเคล่อื นท่ี 90 องศา 44 4
สำรบัญตำรำง ตารางที่ หน้า ตารางที่ 1 กลุ่มบล็อก Motion 13 ตารางที่ 2 กลุ่มบล็อก Looks 13 ตารางที่ 3 กลุ่มบล็อก Control 14 ตารางที่ 4 กลุ่มบล็อก Events 15 ตารางที่ 5 กลุ่มบลอ็ ก Looks 24 ตารางที่ 6 กลุ่มบล็อก Motion เกย่ี วกบั พกิ ัด 33 ตารางที่ 7 กลุ่มบลอ็ ก Motion เก่ยี วกับทศิ ทาง 39 5
คำแนะนำสำหรบั ครผู สู้ อน ชดุ กิจกรรมที่ 2 กำรสรำ้ งภำพเคลือ่ นไหว ตอนท่ี 1 กำรเคลอ่ื นท่ขี องตวั ละคร (Sprite) ตอนท่ี 2 กำรสร้ำงภำพเคลอ่ื นไหว (Backdrops) ตอนท่ี 3 พิกัดและทิศทำง การจัดกิจกรรมการเรียนรู้ในชดุ น้ี ใช้เวลาปฏิบัติกิจกรรม 3 ช่ัวโมง ครูผู้สอน เป็นผู้ดาเนินการจัดกิจกรรม ภายในชุดกิจกรรมประกอบด้วยแบบทดสอบก่อนเรียน บทเรียนจานวน 3 ตอน แบบทดสอบหลังเรียน และแบบเฉลยในภาคผนวก บทเรียนแต่ละตอนประกอบด้วย การนาเสนอเน้ือหาสาระและกิจกรรม ให้ นักเรียนปฏิบัติกิจกรรมตามลาดับ เพื่อให้เกิดความเข้าใจท่ีตรงกัน ครูต้องให้ คาแนะนาการปฏิบัติกิจกรรมอย่างละเอียด และให้นักเรียนร่วมกันสรุปผลการจัด กิจกรรมทกุ ครง้ั หลังจบการจัดกิจกรรม เพ่อื ให้นักเรยี นเกดิ องค์ความรู้ และสามารถ นา ความรู้ทีไ่ ด้ไปปฏิบัติกจิ กรรมอื่นตอ่ ไปได้ การทาแบบทดสอบให้นักเรียนทาแบบทดสอบก่อนเรียน ผู้สอนตรวจ แบบทดสอบจากคู่มือการใช้ชุดกิจกรรม แล้วนาผลการทดสอบเก็บไว้เมื่อจัด กิจกรรม ครบ 3 ช่ัวโมง ให้นักเรียนทาแบบทดสอบหลังเรียน ผู้สอนตรวจ แบบทดสอบแล้ว แจ้งผลการทาแบบทดสอบให้นักเรียนทราบท้ังก่อนเรียน และหลัง เรียนเพื่อให้นกั เรยี น ทราบพฒั นาการของตนเอง 6
มำตรฐำนกำรเรยี นร/ู้ ตัวช้วี ัด มำตรฐำนกำรเรยี นรู้ สำระท่ี 4 เทคโนโลยี มาตรฐาน ว 4.2 เข้าใจและใช้แนวคิดเชงิ คานวณในการแก้ปัญหาท่ีพบในชีวิต จริงอย่างเป็นขั้นตอนและเป็นระบบ ใช้เทคโนโลยีสารสนเทศและการส่ือสารในการ เรียนรู้ การทางาน และการแก้ปัญหาได้อย่างมีประสิทธิภาพ รู้เท่าทัน และมี จริยธรรม ตัวช้วี ัด ม.1/2 ออกแบบและเขียนโปรแกรมอย่างง่าย เพื่อแก้ปัญหาทางคณิตศาสตร์ หรือวิทยาศาสตร์ จุดประสงคก์ ำรเรยี นรู้ เมือ่ ปฏิบัติกจิ กรรมในชุดกิจกรรมที่ 2 แล้ว นักเรยี นสามารถ 1. อธบิ ายและปฏิบัติการสรา้ งตัวละครเคลื่อนท่ีได้ 2. อธบิ ายและปฏิบัติการสรา้ งภาพเคลื่อนไหวได้ 3. อธบิ ายและปฏิบตั ิการเพม่ิ ฉากของเวทีได้ 4. อธบิ ายและปฏิบัตกิ ารลบฉากของเวทไี ด้ 5. อธบิ ายและปฏิบตั ิการกาหนดพิกัดและทิศทางได้ 7
คำแนะนำสำหรับนักเรียน ชุดกิจกรรมการเรียนรู้น้ี เป็นกิจกรรมสาหรับนักเรียนใช้ประกอบการเรียนรู้ เร่ือง การเขียนโปรแกรมด้วย Scratch 2 โดย ครูผู้สอนเป็นผู้ดาเนินการจัดกิจกรรม และให้คาแนะนา เพ่ือให้บรรลุตามจุดประสงค์ และเพ่ือให้การจัดกิจกรรมเป็นไป อย่างมีประสทิ ธภิ าพ นกั เรียนต้องปฏิบตั ติ นดงั ตอ่ ไปนี้ 1. ฟงั คาแนะนาจากครผู ู้สอนในการปฏิบตั ิกจิ กรรมทกุ กิจกรรม 2. ให้ความร่วมมือในการปฏิบตั กิ ิจกรรมกับครแู ละเพอ่ื นในห้องเรียนด้วยความต้ังใจ 3. ทาแบบทดสอบก่อนเรียน เพ่อื ประเมินความรู้พ้ืนฐานกอ่ นการใช้ชุดกิจกรรม 4. อา่ นสาระความรู้ และคาชีแ้ จงให้เข้าใจ ก่อนการปฏิบตั กิ ิจกรรมทุกกิจกรรม 5. กระตือรือร้นในการปฏิบัติกิจกรรมและซื่อสัตย์ต่อตนเอง หากมีปัญหาให้ปรึกษา เพอ่ื นหรือครู 6. ร่วมอภิปรายและแสดงความคิดเหน็ กับเพ่อื นทุกคนอย่างมีเหตุผล 7. สง่ ผลงานกับครูผู้สอน เพ่อื ตรวจคาตอบและประเมินผลการปฏิบัติกจิ กรรม 8. ทาแบบทดสอบหลงั เรียน เพ่อื ประเมินผลการเรียนรู้ หลงั ใช้ชดุ กจิ กรรม 9. นักเรียนสามารถตรวจคาตอบการทากิจกรรมของตนเองได้จากภาคผนวก ทา้ ยเล่ม เวลำเรียน 3 ชั่วโมง 8
กระดำษคำตอบแบบทดสอบกอ่ นเรียน เรือ่ ง กำรเขียนโปรแกรมด้วย Scratch 2 ชัน้ มัธยมศึกษำปีที่ 1 รำยวิชำ ว 21201 เทคโนโลยี (วทิ ยำกำรคำนวณ) คะแนน 10 คะแนน โรงเรียนไทยนิยมสงเครำะห์ สำนกั งำนเขตบำงเขน กรงุ เทพมหำนคร ชดุ กิจกรรมที่ 2 กำรสร้ำงภำพเคลื่อนไหว ชื่อ.......................................................................ชั้น......................เลขที.่ ............... คำชี้แจ้ง ให้นักเรียนเขยี นเครอ่ื งหมายกากบาท X ลงในกระดาษคาตอบในข้อท่ี ถูกตอ้ งทีส่ ดุ ขอ้ ท่ี ก ข ค ง 1 2 3 4 5 6 7 8 9 10 คะแนนเต็ม 10 คะแนนท่ไี ด้ 9
แบบทดสอบกอ่ นเรยี น เรือ่ ง กำรเขียนโปรแกรมดว้ ย Scratch 2 ชนั้ มธั ยมศึกษำปีที่ 1 รำยวิชำ ว 21201 เทคโนโลยี (วิทยำกำรคำนวณ) คะแนน 10 คะแนน โรงเรียนไทยนิยมสงเครำะห์ สำนกั งำนเขตบำงเขน กรุงเทพมหำนคร ชดุ กิจกรรมที่ 2 กำรสร้ำงภำพเคลื่อนไหว คำชี้แจง 1. แบบทดสอบนีม้ ี 10 ข้อ คะแนนเต็ม 10 คะแนน เวลา 10 นาที 2. ให้นกั เรยี นทาเครอ่ื งหมาย X ลงในกระดาษคาตอบ โดยเลอื ก คาตอบท่ถี ูกที่สดุ เพียงข้อเดยี ว 1. บลอ็ กคาสัง่ มีหน้าทอ่ี ะไร ก. หยุดรอ 1 วินาที ข. เปล่ยี นชุดตัวละคร ค. ไปข้างหน้าหรือถอยหลงั ง. ถ้าตัวละครชนขอบให้สะทอ้ นกลับ 2. ถ้าตอ้ งการเปลี่ยนชดุ ตัวละครเป็นชดุ ถัดไปควรเลอื กใช้บลอ็ กคาส่งั ใด ก. ข. ค. ง. 3. บล็อกคาสง่ั มีหน้าท่อี ะไร ก. เพ่มิ ตัวละคร ข. เพม่ิ ฉากถดั ไป ค. การทางานซ้าไม่รจู้ บ ง. ส่งั ให้ตัวละครเคลอ่ื นไหว 10
4. บลอ็ กคาสง่ั มีหน้าท่อี ะไร ก. เปล่ยี นชดุ ตัวละครถดั ไป ข. ถ้าตัวละครชนขอบให้สะทอ้ นกลับ ค. ตัวละครเดินไปข้างหนา้ และถอยหลงั ง. สลบั ฉากเป็นฉากถดั ไปทม่ี ีอยู่ในรายการ 5. นกั เรียนจะเรียกใช้สัญรปู น้ีเมือ่ ใด ก. เพม่ิ ฉากของเวที ข. ลบฉากของเวที ค. สร้างโปรเจกตใ์ หม่ ง. บนั ทกึ โปรเจกตใ์ หม่ 6. หากเวทีมีฉาก 3 ฉาก และต้องการให้เวทแี สดงเฉพาะฉากท่ี 1 และฉากที่ 3 ควรเลอื กใช้บลอ็ กคาสัง่ ใด ก. ข. ค. ง. 7. ขนั้ ตอนการลบฉากจากเวที ข้อใดถูกตอ้ ง ก. คลิกขวาที่ฉาก > คลิกเลอื กคาส่งั exit ข. คลิกขวาทีฉ่ าก > คลิกเลือกคาสง่ั delete ค. คลิกขวาทีฉ่ าก > คลิกเลือกคาสัง่ duplicate ง. คลิกขวาที่ฉาก > คลิกเลอื กคาส่ัง save to local file 11
8. ตัวกาหนดตาแหนง่ พิกดั ในแนวแกน x และแกน y มีค่าเท่าไหร่ ก. y = -220 ถึง 220 และ x = -160 ถึง 160 ข. y = -230 ถึง 230 และ x = -170 ถงึ 170 ค. x = -240 ถงึ 240 และ y = -180 ถึง 180 ง. x = -220 ถึง 220 และ y = -160 ถึง 160 9. เมื่อเปิดโปรแกรม Scratch 2 ข้นึ มาจะพบว่าแมวอยู่ตาแหนง่ พิกัดใด ก. X : 0 , Y: 0 ข. X : 1 , Y: 1 ค. X : -1 , Y: 1 ง. X : 1 , Y: -1 10. หากตอ้ งการให้ตัวละครหมุนไปทางขวา 15 องศา ควรเลือกใช้บล็อกคาสั่งใด ก. ข. ค. ง. 12
ตอนที่ 1 กำรเคลือ่ นทขี่ องตัวละคร (Sprite) กลมุ่ บล็อกกำรเคลือ่ นที่ของตวั ละคร (Sprite) โปรเจกต์ในโปรแกรม Scratch สามารถสร้างตัวละคร (Script) ได้หลายตัว ซึ่งตัวละคร (Script) แต่ละตัว จะมีชุดตัวละคร (Costumes) อย่างน้อยหน่ึงชุด และ สามารถเพิ่มเติมได้ การทาให้ตัวละคร (Script) เคล่ือนไหวจะใช้วิธีเปล่ียนสลับ ชดุ ตวั ละคร (Costumes) ไปมาอย่างรวดเร็ว พร้อมกบั สั่งให้ตัวละคร (Script) เคล่อื นท่ี ในลักษณะใดลักษณะหน่ึง โดยมีการเขียนสคริปต์จากกลุ่มบล็อก ท่ีเกี่ยวข้อง ดังตอ่ ไปนี้ 1. กลุ่มบล็อก Motion ตำรำงท่ี 1 กล่มุ บล็อก Motion บล็อกคำสัง่ ควำมหมำยและกำรใช้งำน ไปขา้ งหนา้ -ถอยหลงั เดินบน-ลา่ ง หรือตวั ละครเคลือ่ นที่ ไปในทศิ ทาง (direction) ตามที่กาหนด ไว้ 10 หน่วย ถ้าตวั ละครเคล่อื นทีไ่ ปชนขอบเวที ตวั ละครจะสะท้อน กลบั เข้ามาในเวที รปู ที่ 1 รปู ตารางที่ 1 แสดงกลุ่มบลอ็ ก Motion ทีม่ า : นฤมล ภนู่ าค (2561) 2. กลุ่มบล็อก Looks ตำรำงท่ี 2 กล่มุ บลอ็ ก Looks ควำมหมำยและกำรใช้งำน บล็อกคำสัง่ เปลย่ี นชดุ ตัวละครเป็นชุดถัดไปทม่ี ีอยู่ในรายการ รูปที่ 2 รูปตารางที่ 2 แสดงกลุ่มบลอ็ ก Looks ที่มา : นฤมล ภู่นาค (2561) 13
3. กลุ่มบล็อก Control ตำรำงท่ี 3 กลมุ่ บลอ็ ก Control ควำมหมำยและกำรใช้งำน บลอ็ กคำสัง่ ควบคุมให้ตวั ละครทางานตามสคริปตท์ ่อี ยู่ภายใน บลอ็ กคาสั่งน้ีวนซ้าตลอดไป จนกว่าโปรแกรมจะหยุด ทางาน (เช่น เมือ่ ผู้ใช้คลิกไฟแดง ) หยุดรอเปน็ เวลา 1 วินาที รปู ที่ 3 รูปตารางที่ 3 แสดงกลุ่มบลอ็ ก Control ที่มา : นฤมล ภู่นาค (2561) ยงั มีกลุ่มบลอ็ กตา่ ง ๆ อกี มากมายเราลองมา ศึกษากนั หน่อยนะ 14
กำรส่ังใหโ้ ปรเจกต์เรมิ่ ทำงำน กำรสง่ั ใหโ้ ปรเจกต์เริ่มทำงำน ทาได้โดยใช้บล็อกในกลุ่มบล็อก Events ท่มี ีเหตุการณ์ตา่ งๆ เชน่ กลมุ่ บลอ็ ก Events ตำรำงท่ี 4 กลุม่ บล็อก Events ควำมหมำยและกำรใชง้ ำน บล็อกคำส่งั เมือ่ คลิก บล็อกคาสั่งตา่ งๆ ท่อี ยู่ภายใต้บล็อก When click จะเริ่มทางาน เมื่อกดแป้น space bar บล็อกคาสั่งต่างๆ ทอ่ี ยู่ ภายใต้บลอ็ ก When space Key pressed ก็จะเริม่ ทางาน (สามารถเปลย่ี นแป้นตวั อักษรใด ๆ บน คยี ์บอรด์ ) เมื่อคลิกท่ตี วั ละคร บลอ็ กคาสง่ั ตา่ งๆ ทอ่ี ยู่ภายใต้ บลอ็ ก When this sprite clicked กจ็ ะเริ่มทางาน รูปที่ 4 รปู ตารางที่ 4 กลุ่มบลอ็ ก Events ที่มา : นฤมล ภู่นาค (2561) 15
กำรส่งั ใหโ้ ปรเจกต์หยุดกำรทำงำน กำรเขียนสคริปตใ์ ห้โปรแกรมหยดุ กำรทำงำน มี 2 กรณดี งั ต่อไปนี้ กรณีท่ี 1. คาสัง่ จะหยดุ เมื่อทาตามลาดับสคริปต์ทเ่ี ขียนไว้ เชน่ กรณีท่ี 2. กรณีทีใ่ ชค้ าส่งั Forever ถ้าตอ้ งการหยุดการทางานทง้ั โปรเจกต์ ให้คลิก ดังภาพตัวอย่าง รปู ที่ 5 แสดงการหยุดคาส่ังการเขยี นโปรแกรม ทีม่ า : นฤมล ภู่นาค (2561) 16
ตัวอย่ำง กำรเขียนสครปิ ต์ใหต้ ัวละครเดินอย่ำงงำ่ ย การเขียนสครปิ ต์ให้ตัวละครแมวเดิน 10 หน่วย โดยทาตามขน้ั ตอน ดังน้ี 1. คลิกกลมุ่ บลอ็ ก Motion แล้วลากบล็อก ไปวางบนพ้ืนท่ี เขียนสครปิ ต์ 2. คลิกกลมุ่ บลอ็ ก Events แล้วลากบล็อก มาวางตอ่ เชื่อม ดา้ นบนของบล็อก ดังรูป ทดลองเปล่ยี นแปลงค่าตัวเลขใน แล้วคลกิ สังเกตผลลพั ธท์ เ่ี กดิ ข้นึ รูปที่ 6 แสดงตวั อย่างการเขียนสคริปต์ให้ตวั ละครเดิน ทีม่ า : นฤมล ภู่นาค (2561) 17
กิจกรรมที่ 1 มำสำรวจบล็อกคำสั่ง (Block) กัน คำชีแ้ จง ให้นักเรียนตอบคาถามต่อไปน้ีให้ถูกต้อง บลอ็ กคำส่งั ชื่อกล่มุ บลอ็ กคำสัง่ คำสงั่ นี้ทำงำนอย่ำงไร ตวั อยำ่ ง เมื่อคลิก บลอ็ กคาสง่ั ตา่ งๆ ท่อี ยู่ กลุ่มบลอ็ ก Events ภายใต้บล็อก When click จะเริม่ ทางาน …………….……………………….. …………….…………………………..…………… …………….……………………….. ……………………………….……..……………… …………….……………………….. ………………….………….……..……………….. …………….……………………….. …………….………………………………..……… …………….……………………….. ……………………………….……..……………… …………….……………………….. ………………….………………..……………….. …………….……………………….. …………….…………………………………..…… …………….……………………….. ……………………………….……..……………… …………….……………………….. ………………….……….………..……………….. …………….……………………….. …………….……………………………..………… …………….……………………….. ……………………………….……..……………… …………….……………………….. ………………….………………..….…………….. เกณฑ์กำรให้คะแนน สรุปคะแนนที่ได้.................คะแนน ตอบข้อมลู ถกู ต้องให้ช่องละ 1 คะแนน (คะแนนเตม็ 8 คะแนน) รวมคะแนนทั้งหมด 8 คะแนน 18
กิจกรรมที่ 2 โปรเจกต์แรกของฉัน คำชี้แจง ให้นักเรียนแบง่ กลุ่ม ฝึกปฏิบัติและตอบคาถามต่อไปนใี้ ห้ถกู ต้อง 1. ให้นักเรียนเปิดโปรแกรม Scratch 2 และฝึกปฏิบตั ิดงั นี้ ไปวางบนพ้ืนท่ี 2. คลิกกลมุ่ บล็อก Motion แล้วลากบล็อก เขียนสครปิ ต์ 3. คลิกกลมุ่ บล็อก Events แล้วลากบลอ็ ก มาวางตอ่ เชือ่ ม ดา้ นบนของบลอ็ ก ดงั รูป 19
4. คลิกกลมุ่ บลอ็ ก Looks เพม่ิ บล็อก คลิก สงั เกตผลลัพธท์ ่เี กดิ ขึ้น…………………………………………………..……………………….. 5. ถ้าตอ้ งการให้แมวเคล่อื นท่ตี อ่ เนือ่ งไปเรื่อย ๆ ทาได้โดยเขยี นสครปิ ต์ให้ตวั ละครแมวดงั นี้ 5.1 คลิกท่กี ลุ่มบล็อก Control 5.2 ลากบล็อก คลุมบลอ็ ก 20
5.3 คลิก สังเกตผลลพั ธ์ทีเ่ กิดข้นึ คอื ................................................. 5.4 คลิก สงั เกตผลลพั ธ์ทเ่ี กดิ ข้นึ คอื ................................................ 6. คลิกกลมุ่ บลอ็ ก Control เพ่มิ บล็อก คลิก แล้วเขยี นผลลัพธ์ ทเ่ี กิดข้นึ ผลลพั ธ์ ......................................................................... ......................................................................... ......................................................................... ........................................................................ ......................................................................... ...................... 7. ทดลองเปล่ยี นตัวเลขในบล็อก 7.1 เปล่ยี นตวั เลขทม่ี ีค่ามากกว่า 1 เชน่ 2, 3 ผลลพั ธท์ ไ่ี ด้ ............................. 7.2 เปลย่ี นตัวเลขที่มีคา่ นอ้ ยกว่า 1 เชน่ 0.1, 0.5 ผลลพั ธท์ ไ่ี ด้ ....................... 7.3 เปล่ยี นตวั เลขทม่ี ีค่าติดลบ เช่น -1, -2 ผลลัพธท์ ่ไี ด้ ............................... 21
8. คลิกกลมุ่ บลอ็ ก Motion เพ่มิ บลอ็ ก คลิก แล้วสงั เกตผลลัพธ์ .................................................................................................... 9. ทดลองเปลย่ี นทิศทางการหมุนของตวั ละคร ดังนี้ 9.1 คลิก ใน จะปรากฏหน้าต่างรายละเอยี ดของตวั ละคร แล้วสงั เกต rotation style 22
9.2 หวั ข้อ rotation style เปน็ รปู แบบการหมุนทีม่ ี 3 ลกั ษณะ จากสคริปตใ์ นข้อ 9.1 ให้ทดลองเปล่ยี นรปู แบบการหมุน จากน้ันคลิก สงั เกตผลลัพธ์ แล้ว วงกลม ลอ้ มรอบรูปตวั ละครที่เปน็ ผลลัพธห์ ลังชนขอบเวที รูปแบบกำรหมุน เริม่ ต้น หลังจำกชนขอบด้ำนขวำ หลังจำกชนขอบด้ำนซำ้ ย ตัวอยำ่ ง 1. ปุ่ม 2. ปุ่ม 3. ปุ่ม 10. บันทึกโปรเจกต์ในไดร์ฟ D: โฟล์เดอร์งานของห้องนักเรียน : ม.1/4 ชอ่ื งาน : project1 (D:/M14/ project1) เกณฑ์กำรให้คะแนน ตอบข้อมูลถูกต้องให้ขอ้ ละ 1 คะแนน รวมคะแนนท้ังหมด 12 คะแนน สรปุ คะแนนที่ได้.................คะแนน (คะแนนเต็ม 12 คะแนน) 23
ตอนที่ 2 กำรสรำ้ งภำพเคลื่อนไหว (Backdrops) บล็อกกำรเปลย่ี นฉำก (Backdrops) การสร้างโปรเจกต์เพ่ือให้มีการเปลีย่ นภาพฉาก (Backdrops) ของเวที (Stage) ได้หลายภาพ สามารถเขียนสคริปต์ให้ตัวละครหรือฉากแยกส่วนกัน เพื่อส่ังงานให้ เกิดเหตุการณ์ท่ีต่างกันแต่แสดงผลการทางานไปพร้อม ๆ กัน ซึ่งบล็อกท่ีใช้ใน ชุดกิจกรรมน้ี มีดงั ต่อไปนี้ กลมุ่ บล็อก Looks ควำมหมำยและกำรใชง้ ำน ตำรำงท่ี 5 กลมุ่ บลอ็ ก Looks เวทีเปลย่ี นฉากหลงั เป็น “backdrop1” “backdrop1” เปน็ ช่อื ของฉากหลังเวที บลอ็ กคำสงั่ สลับฉากเป็นฉากถัดไปท่ีมีอยู่ในรายการ รูปที่ 7 รปู ตารางที่ 5 แสดงกลุ่มบล็อก Looks ที่มา : นฤมล ภู่นาค (2561) ทาอยา่ งไรนะลอง เข้าไปศึกษากนั เลย 24
ขัน้ ตอนกำรเพิม่ ฉำกของเวที 1. คลิกทเ่ี วที (Stage) 2. คลิกแท็บฉาก (Backdrops) 2. คลิกแท็บฉาก (Backdrops) 1. คลิกทเ่ี วที (Stage) 3. คลิกไอคอน เลือกฉากจากไฟลภ์ าพ (Choose backdrop from library) 3. คลิกไอคอน 25
จะปรากฏหน้าต่าง Backdrop Library ซึ่งมี Theme ภาพกลมุ่ ต่างๆ ในที่น้ใี ห้เลอื ก ภาพ bedroom1 จาก Category : Indoors ดงั น้ี 4. คลิกท่ี Indoors จะปรากฏภาพตา่ งๆ ทเ่ี ปน็ ภาพภายในห้อง 5. คลิกท่ภี าพ bedroom1 6. คลิกปมุ่ ฉากทเ่ี ลือกจะปรากฏบนเวที 5. คลิกท่ภี าพ bedroom1 4. คลิกท่ี Indoors จะปรากฏภาพตา่ ง ๆ ท่เี ปน็ ภาพภายในห้อง 6. คลิกปมุ่ ok ฉากทเ่ี ลือก จะปรากฏบนเวที รูปที่ 8 ขั้นตอนการเพิ่มฉาก ทีม่ า : นฤมล ภู่นาค (2561) 26
กิจกรรมที่ 3 กำรเพิ่มฉำกของเวที ให้นักเรียนฝึกปฏิบตั ิ การเพิม่ ฉากและเลือกฉากของเวที แล้วประเมินตนเอง ระดับคะแนน กำรเพิม่ ฉำกของเวที ปฏิบัติไดค้ ลอ่ งแคลว่ และ ปฏิบัติได้ถกู ตอ้ ง ปฏิบตั ิได้โดยมีผูอ้ ืน่ แนะนำ (1 คะแนน) 1. เพม่ิ ฉาก blue sky จาก ถูกต้อง (3 คะแนน) (2 คะแนน) Category : Outdoors 2. เพ่มิ ฉาก school1 จาก Theme : City 3. เพม่ิ ฉาก winter จาก Theme : Nature คำชี้แจง 1. จงเขียนลาดบั ขนั้ ตอนการเพม่ิ ฉาก party จาก Category : Indoors มาเป็นข้อ ๆ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ เกณฑก์ ำรให้คะแนน สรุปคะแนนทีไ่ ด้.................คะแนน เขียนอธิบายได้ถกู ต้องท้ังหมดได้ 3 คะแนน (คะแนนเต็ม 3 คะแนน) เขียนอธิบายได้ถูกต้องเปน็ ส่วนใหญ่ 2 คะแนน เขียนอธิบายได้ถกู ต้องเปน็ บางสว่ น 1 คะแนน รวมคะแนนท้ังหมด 3 คะแนน 27
ขั้นตอนกำรลบฉำกจำกเวทีมี 2 วธิ ีดงั นี้ วธิ ีที่ 1 การลบฉาก backdrop1 โดยคลกิ ปุ่ม สง่ิ ทีป่ รากฏคอื ฉาก backdrop1 หายไป คลิกปมุ่ เพ่อื ลบฉาก backdrop1 วธิ ีที่ 2 1. คลกิ ขวาท่ฉี าก backdrop1 2. เลือกลบ (delete) เพ่อื ลบฉาก backdrop1 1. คลิกขวาที่ฉาก backdrop1 2. เลือกลบ(delete) เพอ่ื ลบ ฉาก backdrop1 รูปที่ 9 ขั้นตอนการลบฉากจากเวที ทีม่ า : นฤมล ภู่นาค (2561) 28
กิจกรรมที่ 4 กำรลบฉำกของเวที ให้นักเรียนฝึกปฏิบตั ิ การลบฉากของเวทีดว้ ยวิธีตา่ ง ๆ แล้วประเมินตนเอง กำรลบฉำกของเวที ปฏิบตั ิได้คลอ่ งแคลว่ ระดับคะแนน ปฏิบัติได้โดยมีผอู้ ืน่ และถกู ต้อง (3 คะแนน) แนะนำ (1 คะแนน) วธิ ีที่ 1 การลบฉาก ปฏิบตั ิได้ถูกต้อง โดยคลกิ ปุ่ม (2 คะแนน) วธิ ีที่ 2 คลิกขวาและเลอื ก ลบ (delete) คำชีแ้ จง 1. จงเขียนลาดับขน้ั ตอนการลบฉากของเวทีทีน่ ักเรยี นชอบ มา 1 วิธี (3 คะแนน) ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ ................................................................................................................................................................ เกณฑ์กำรให้คะแนน สรปุ คะแนนที่ได้.................คะแนน (คะแนนเต็ม 3 คะแนน) เขียนอธิบายได้ถูกต้องท้ังหมดได้ 3 คะแนน เขียนอธิบายได้ถกู ต้องเปน็ ส่วนใหญ่ 2 คะแนน เขียนอธิบายได้ถกู ต้องเป็นบางสว่ น 1 คะแนน รวมคะแนนท้ังหมด 3 คะแนน 29
ขั้นตอนกำรเขียนสคริปตเ์ ปลี่ยนฉำก (Backdrops) การเขียนสครปิ ต์ให้เปลี่ยนฉากโดยทาตามขนั้ ตอน ดังนี้ ไปวางบนพ้ืนท่ี 1. คลิกกลมุ่ บล็อก Looks แล้วลากบล็อก เขียนสครปิ ต์ 2. คลิกกลมุ่ บลอ็ ก Events แล้วลากบล็อก มาวางตอ่ เชื่อม ดา้ นบนของบลอ็ ก ดงั รปู 3. ทดลองเพม่ิ ฉากอ่นื ๆ แล้วคลกิ สังเกตผลลพั ธท์ ่เี กดิ ข้นึ รูปที่ 10 แสดงตวั อย่างการเขียนสคริปต์เปลี่ยนฉาก (Backdrops) ทีม่ า : นฤมล ภู่นาค (2561) 30
กิจกรรมที่ 5 กำรเขียนสคริปต์เพิ่มและสลับฉำก คำสัง่ ให้นกั เรียนปฏิบัติและตอบคาถามต่อไปน้ีให้ถกู ตอ้ ง 1. บล็อกคาส่งั มีหน้าท่อี ะไร ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... 2. บล็อกคาส่ัง มีหน้าท่อี ะไร ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... 3. ให้นักเรียนสร้างโปรเจกตใ์ หม่และเขียนสครปิ ตใ์ ห้กบั เวที ดังน้ี ผลลัพธ์ที่ไดค้ ือ .......................................................................... .......................................................................... .......................................................................... .......................................................................... .......................................................................... ..................... 31
4. เพม่ิ สคริปตใ์ ห้กับเวที ดงั น้ี ผลลพั ธท์ ่ไี ด้คอื .......................................................................... .......................................................................... .......................................................................... ..................................................................... 5. เพม่ิ ฉากให้กบั เวที 4 ฉาก แล้วเขยี นสคริปตใ์ ห้เวทแี สดงเฉพาะฉากที่ 1 และฉากที่ 4 เขียนสคริปต์มีดงั น้ี ........................................................................................................................... ........................................................................................................................... ........................................................................................................................... ........................................................................................................................... ........................................................................................................................... ........................................................................................................................... 6. บนั ทกึ งาน ชอ่ื Backdrop ในไดร์ฟ D: โฟลเดอรห์ ้องของนักเรยี น (D:/M14/ Backdrop) เกณฑ์กำรใหค้ ะแนน ตอบข้อมูลถูกต้องใหข้ ้อละ 1 คะแนน รวมคะแนนทั้งหมด 5 คะแนน สรุปคะแนนที่ได้.................คะแนน (คะแนนเต็ม 5 คะแนน) 32
ตอนที่ 3 พิกัดและทิศทำง บลอ็ กพิกดั ของตวั ละคร (Sprite) การทาให้ตัวละคร (Sprite) เคล่ือนท่ีไปได้ในตาแหน่งหรือพิกัดต่าง ๆ บนเวที สามารถเขียนสครปิ ต์ให้ตวั ละคร โดยมีกลมุ่ บล็อก ดังตอ่ ไปนี้ กลมุ่ บลอ็ ก Motion ตำรำงท่ี 6 กลุม่ บล็อก Motion เกีย่ วกับพิกดั บลอ็ กคำส่งั ควำมหมำยและกำรใช้งำน กาหนดตัวละครไปยงั ตาแหน่ง (x, y) บนเวที ตวั อย่าง ไปตรงกลางเวที (x=0, y=0) ตง้ั ค่าตาแหนง่ ตวั ละครไปดา้ นซ้ายหรือขวา (ตาแหนง่ แกน x) ตัวอย่าง ตงั้ ค่าตวั ละครไปทต่ี าแหนง่ x = 0 คอื กลางเวที x = 240 คือ ขอบขวาสุด x = -240 คือ ขอบซ้ายสดุ 33
(ตอ่ ) ตำรำงท่ี 6 กลุ่มบล็อก Motion เกีย่ วกบั พิกดั บลอ็ กคำส่งั ควำมหมำยและกำรใชง้ ำน ตง้ั ค่าตาแหนง่ ตัวละครไปดา้ นบนหรอื ดา้ นล่าง (ตาแหนง่ แกน y) ตัวอย่าง ตง้ั ค่าตวั ละครไปท่ตี าแหนง่ y = 0 คอื กลางเวที y = 180 คือ ขอบบนสดุ y = -180 คอื ขอบล่างสุด รูปที่ 11 ตารางที่ 6 แสดงคาสงั่ กลุ่มบล็อก Motion เกี่ยวกับพิกดั ที่มา : นฤมล ภู่นาค (2561) 34
กำรกำหนดตำแหนง่ ตัวละครบนเวที เปน็ การระบุพิกดั ตาแหน่งของตัวละครทจ่ี ะแสดงอยู่ บนเวที โดยให้เราคลิกเลือกตัวละครจากรายการ แล้วปอ้ นพิกัดตาแหนง่ และ กด <Enter> โดยมรี ายละเอยี ดดังต่อไปน้ี x = 0, y = 0 ตาแหนง่ กลางเวที x = 1 ถึง 240 วางไปทางด้านขวา x = -1 ถึง -240 วางไปทางด้านซ้าย y = 1 ถึง 180 วางขึน้ ด้านบน y = -1 ถึง -180 วางลงดา้ นลา่ ง ภำพตัวอยำ่ ง 3. ตวั ละครถูกจดั วาง ในตาแหนง่ ที่ระบุ 1. เลือกตวั ละครท่ตี ้องการ 2. กาหนดพิกัดบนเวที จัดวางตาแหนง่ บนเวที รปู ที่ 12 แสดงตาแหน่งค่าพิกดั (x, y) บนเวที ที่มา : นฤมล ภู่นาค (2561) เมื่อเราขยับตาแหน่งตัวละครไปยังตาแหน่งต่างๆ บนเวที ค่าพิกัด (x, y) ก็จะเปล่ียนไปตามตาแหน่งท่ีตัวละครอยู่ หรือถ้าเรากาหนดค่าพิกัด (x, y) เปน็ ค่าใด ตัวละครก็จะไปอยู่ในตาแหนง่ ตามพิกดั ทีก่ าหนด 35
กำรเขียนสคริปต์ใหต้ ัวละครเคลอื่ นที่ไปในพิกัดตำ่ งๆ ตวั อย่ำงที่ 1 การเขยี นสครปิ ต์ระบุพิกัดตาแหนง่ ตัวละคร แนวคิด เขียนสคริปต์ ดังนี้ 1. ไปทต่ี าแหนง่ x= 0 และ y=0 ผลลพั ธ์ทไ่ี ด้ รูปที่ 13 แสดงตาแหนง่ ค่าพิกดั (x=0, y=0) บนเวที ทีม่ า : นฤมล ภู่นาค (2561) 36
ตวั อยำ่ งที่ 2 การเขียนสครปิ ต์ระบพุ ิกัดตาแหนง่ ตวั ละคร แนวคิด เขียนสคริปต์ ดงั นี้ 1. ไปทต่ี าแหนง่ x=100 และ y=-50 ผลลพั ธท์ ไ่ี ด้ รปู ที่ 14 เขียนสคริปต์แสดงตาแหน่งค่าพิกดั (x=100, y=-50) บนเวที ทีม่ า : นฤมล ภู่นาค (2561) คลิปพิกดั ตัวละคร 37
กิจกรรมที่ 6 พิกัดของตวั ละคร คำสง่ั ให้นักเรียนปฏิบัติและตอบคาถามต่อไปน้ีให้ถูกตอ้ ง 1. สรา้ งโปรเจกตใ์ หม่ เขียนสคริปตโ์ ดยให้มีตัวละครอยู่ในตาแหนง่ ต่อไปน้ี ตัวละคร ตำแหน่ง Elephant x = -120 และ y = 100 Monkey2 x = 120 และ y = -140 Parrot x = -50 และ y = -120 2. จากโจทย์ข้อ 1 ให้ทาเคร่อื งหมาย ระบุตาแหนง่ พิกดั x, y เกณฑก์ ำรใหค้ ะแนน สรปุ คะแนนทีไ่ ด้.................คะแนน ระบพุ ิกดั ถกู ต้องให้ข้อละ 1 คะแนน (คะแนนเตม็ 3 คะแนน) รวมคะแนนท้ังหมด 3 คะแนน 38
บล็อกทิศทำงของตัวละคร (Sprite) การทาให้ตัวละคร (Sprite) สามารถเคล่ือนท่ีไปได้ในทิศทางต่างๆ สามารถ เขียนสคริปต์ ให้ตัวละคร เพ่ือให้การแสดงผลการเคล่ือนท่ีของตัวละครมีลักษณะ เปน็ ธรรมชาตมิ ากที่สุด ซึง่ บล็อก ทใ่ี ช้มีดังตอ่ ไปนี้ กลุม่ บล็อก Motion เพื่อให้ตัวละครเคล่ือนทไ่ี ปในทิศทางตา่ ง ๆ ตำรำงท่ี 7 กล่มุ บลอ็ ก Motion เกี่ยวกบั ทศิ ทำง บลอ็ กคำสั่ง ควำมหมำยและกำรใชง้ ำน ตวั ละครหมุนตำมเขม็ นาฬกิ าหรือหมนุ ขวาไป 15 องศา ตวั ละครหมุนทวนเขม็ นาฬิกาหรือหมนุ ซ้ายไป 15 องศา กาหนดให้ตัวละครหนั หน้าไปยงั ทศิ ทาง 90 องศา ซึง่ คือหันไปทางขวาของเวที รูปที่ 15 ตารางที่ 7 แสดงคาส่ังกลุ่มบล็อก Motion เกีย่ วกบั ทิศทาง ที่มา : นฤมล ภู่นาค (2561) 39
กำรกำหนดทิศทำงและตำแหน่งกำรเคลอื่ นที่ของตวั ละคร เส้นสนี ้าเงินเป็นตวั กาหนดทศิ ทางการเคลื่อนท่ีของตวั ละคร ในภาพแมว มีทิศทางการ เคลื่อนที่ (direction) 108 องศา ตัวอยำ่ ง ทิศทำงกำรเคลอ่ื นท่ขี องตัวละคร (direction) 108 องศำ 0 -90 90 -180 180 รปู ที่ 16 แสดงตวั อย่างทิศทางของตัวละคร ที่มา : http://oho.ipst.ac.th/download/document/scratch2/stemscratch2.pdf/ 15 มนี าคม 2561 0 องศาจะมีทศิ ทางการเคลือ่ นท่ไี ปดา้ นบน 90 องศาจะมีทศิ ทางการเคลอ่ื นที่ไปทางขวา -90 องศาจะมีทศิ ทางการเคล่อื นที่ไปทางซ้าย 180, -180 องศาจะมีทศิ ทางการเคล่อื นท่ไี ปดา้ นล่าง 40
ตัวอยำ่ ง ตัวละครแมวอยู่บนเวทีที่ ตาแหนง่ x= 100 y=100 บนเวที และมีทศิ ทางการเคล่อื นท่ี 108 องศา 3. ตัวละครถูกจัดวางในตาแหนง่ และทิศทางทร่ี ะบุ 1. กาหนดพิกดั บนเวที 2. กาหนดทศิ ทาง การเคลือ่ นท่ี รูปที่ 17 แสดงตวั อย่างทิศทางการเคลือ่ นที่ 108 องศา ที่มา : นฤมล ภู่นาค (2561) การหมนุ ของตวั ละคร ถ้าค่าเปน็ บวก จะเป็นการหมุนตามเขม็ นาฬกิ า ถ้าค่า เป็นลบจะหมุนทวนเขม็ นาฬกิ าเชน่ -180 มีทิศทางการเคลื่อนท่ไี ปดา้ นล่างเหมือนกับ ทศิ ทาง 180 องศา แต่เป็นการหมนุ ทวนเขม็ นาฬกิ า 41
ตวั อยำ่ ง การระบทุ ศิ ทางของตัวละครในโปรแกรม Scratch รปู ที่ 18 แสดงการระบุทิศทางของตวั ละคร ที่มา : http://oho.ipst.ac.th/download/document/scratch2/stemscratch2.pdf/ 15 มนี าคม 2561 การเคลื่อนท่ีไปในทศิ ทางต่างๆ ของตวั ละครจะไม่เกีย่ วขอ้ งกับลกั ษณะ การหันหน้าของตวั ละคร ดงั นนั้ ในการทาให้ตวั ละครเคล่อื นท่ี นักเรียนควรทา ความเขา้ ใจกบั ประเดน็ น้ี เพอ่ื ให้การแสดงผลเคลอ่ื นทข่ี องตัวละครมีลักษณะ เป็นธรรมชาตมิ ากที่สดุ 42
กำรเขียนสคริปต์ใหต้ วั ละครเคลอื่ นทีไ่ ปในทิศทำงตำ่ งๆ ตวั อย่ำงที่ 1 การเขยี นสครปิ ต์ระบทุ ศิ ทาง แนวคิด เขียนสคริปต์ ดงั นี้ 1. ก้าวไปข้างหนา้ 10 ก้าว 2. หมนุ ตามเขม็ นาฬกิ า 15 องศา หรือหมุนขวาไป 15 องศา ผลลัพธท์ ไ่ี ด้ รูปที่ 19 ตัวอย่าง การเขียนสคริปต์ระบทุ ิศทางหมนุ ตามเข็มนาฬิกา 15 องศา ทีม่ า : นฤมล ภู่นาค (2561) คลิปทศิ ทำง (turn) ตัวละคร 43
ตัวอย่ำงที่ 2 การเขียนสครปิ ต์ระบุทศิ ทาง สคริปต์ แนวคิด 1. ก้าวไปข้างหนา้ 10 ก้าว 2. เคล่อื นท่ี 90 องศาหรือเคล่อื นท่ไี ปทางขวา ผลลัพธท์ ไ่ี ด้ รปู ที่ 20 ตวั อย่าง การเขียนสคริปต์ระบทุ ิศทางเคลื่อนที่ 90 องศา ทีม่ า : นฤมล ภู่นาค (2561) คลิปทศิ ทำง (point) ตวั ละคร 44
กิจกรรมที่ 7 ทิศทำงของตัวละคร (Sprite) คำสงั่ ให้นกั เรียนปฏิบัติและตอบคาถามต่อไปน้ีให้ถกู ตอ้ ง 1. สรา้ งโปรเจกตใ์ หม่ โดยให้มีตัวละครอยู่ในทศิ ทางตอ่ ไปนี้ 2. วาดเส้นทิศทาง ของตัวละคร ตามทีร่ ะบุลงในชอ่ งผลลพั ธ์ ทิศทำง ผลลัพธ์ 4.1 - 45 องศา 4.2 75 องศา เกณฑ์กำรให้คะแนน สรุปคะแนนที่ได้.................คะแนน ระบุทิศทางถูกต้องใหข้ ้อละ 1 คะแนน (คะแนนเต็ม 2 คะแนน) รวมคะแนนทั้งหมด 2 คะแนน 45
กิจกรรมที่ 8 ฝึกเขียนสคริปตร์ ะบุพิกดั และทิศทำงของตัวละคร คำสั่ง ให้นกั เรียนปฏิบัติและตอบคาถามต่อไปน้ีให้ถกู ตอ้ ง 1. สรา้ งโปรเจกตใ์ หม่ 2. เพ่มิ สคริปต์ต่อไปนใี้ ห้กับตวั ละคร Elephant สงั เกตผลทีไ่ ด้ เมือ่ คลิก ผลทีไ่ ดต้ วั ละครเคลอ่ื นที่เป็นอย่างไร ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... 3. เพ่มิ สคริปตใ์ ห้กบั ตัวละคร Monkey2 สงั เกตผลท่ไี ด้ เมื่อคลิก 46
ผลทีไ่ ดต้ ัวละครเคลอ่ื นที่เปน็ อย่างไร ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... 4. การใช้คาสงั่ ตัวละครมีลักษณะการเคลือ่ นทีอ่ ย่างไร ............................................................................................................................... ............................................................................................................................... ............................................................................................................................... 5. การใช้คาส่ัง และ แตกตา่ งกนั อย่างไร ………………………………………………………………………………………………………………...………………… …………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………...………………… …………………………………………………………………………………………………………………………………… 6. บนั ทกึ งาน ช่อื Direction ในไดร์ฟ D: โฟลเดอรห์ ้องของนักเรียน (D:/M14/ Direction) เกณฑก์ ำรให้คะแนน ตอบข้อมูลถูกต้องให้ขอ้ ละ 1 คะแนน รวมคะแนนทั้งหมด 4 คะแนน สรุปคะแนนที่ได้.................คะแนน (คะแนนเตม็ 4 คะแนน) 47
แบบบนั ทึกผลคะแนนกำรเรียนรู้ ด้ำนควำมรทู้ ักษะ/กระบวนกำร ชุดกิจกรรมกำรเรียนรู้ กำรเขียนโปรแกรมด้วย Scratch 2 รำยวิชำ ว 21201 เทคโนโลยี (วทิ ยำกำรคำนวณ) ชน้ั มัธยมศกึ ษำปีที่ 1 โรงเรียนไทยนิยมสงเครำะห์ สำนกั งำนเขตบำงเขน กรุงเทพมหำนคร ********************************************************************** ชดุ กิจกรรมที่ 2 กำรสรำ้ งภำพเคลือ่ นไหว ********************************************************************** ที่ รำยกำร คะแนนเตม็ คะแนนทีไ่ ด้ 1 กิจกรรมที่ 1 มาสารวจบลอ็ กคาสั่ง (Block) กัน 8 2 กิจกรรมที่ 2 โปรเจกตแ์ รกของฉัน 12 3 กิจกรรมที่ 3 การเพิ่มฉากของเวที 3 4 กิจกรรมที่ 4 การลบฉากของเวที 3 5 กิจกรรมที่ 5 การเขยี นสครปิ ต์เพิม่ 5 และสลับฉาก 6 กิจกรรมที่ 6 พิกัดของตวั ละคร 3 7 กิจกรรมที่ 7 ทศิ ทางของตวั ละคร (Sprite) 2 8 กิจกรรมที่ 8 ฝึกเขยี นสคริปตร์ ะบุพกิ ดั และ 4 ทศิ ทางของตัวละคร รวมคะแนน 40 บันทึกกำรสังเกตพฤติกรรมกำรเรียนตำมคณุ ลักษณะอนั พึงประสงค์ ที่ รำยกำร ผำ่ น ไม่ผำ่ น 1 ตง้ั ใจเรียน 48 2 มีความกระตือรอื รน้ เอาใจใสต่อการเรียน 3 มีความเพยี รพยายามในการเรียน 4 ทางานสาเร็จตามเวลาที่กาหนด สรุปผล
กระดำษคำตอบแบบทดสอบหลงั เรียน เรือ่ ง กำรเขียนโปรแกรมด้วย Scratch 2 ชน้ั มธั ยมศึกษำปีที่ 1 รำยวิชำ ว 21201 เทคโนโลยี (วทิ ยำกำรคำนวณ) คะแนน 10 คะแนน โรงเรียนไทยนิยมสงเครำะห์ สำนักงำนเขตบำงเขน กรงุ เทพมหำนคร ชดุ กิจกรรมที่ 2 กำรสรำ้ งภำพเคลื่อนไหว ชือ่ ..............................................................................ชั้น.........................เลขที่ คำชี้แจง้ ให้นักเรียนเขยี นเครอ่ื งหมายกากบาท X ลงในกระดาษคาตอบในข้อท่ี ถกู ตอ้ งที่สุด ขอ้ ท่ี ก ข ค ง 1 2 3 4 5 6 7 8 9 10 คะแนนเตม็ 10 คะแนนทไ่ี ด้ 49
Search
