Scratch Project Intro

กจิ กรรมที่ 3.2 draw with code -> แกไ ข code

กจิ กรรมที่ 3.2 draw with code -> คํานวณมุมภายนอกของรปู หลายเหลยี่ ม

รูป 3 เหล่ยี ม ดา น เล้ยี ว (ครง้ั ) ผลบวกของมมุ ภายนอก มมุ ภายนอก
รปู 4 เหลย่ี ม
รูป 5 เหลย่ี ม 33 120+120+120=360 360÷3=120
รูป 8 เหลยี่ ม
รปู วงกลม 44 90+90+90+90=360 360÷4=90

55 72+72+72+72+72=360 360÷5=72

8 8 45+45+45+45+45+45+45+45=360 360÷8=45

360 360 1+1+1…=360 360÷360=1

สรปุ วิธีคํานวณ มุมภายนอก = 360 ÷ จํานวนเหลย่ี ม

กจิ กรรมท่ี 3.2 draw with code -> คํานวณมุมภายนอกของรูปหลายเหล่ยี ม

90 90 90 90 135 45
135 45

135 45
90 90
90 90 108 72 135 45

ส่ีเหล่ยี ม หา้ เหลย่ี ม แปดเหลย่ี ม

กจิ กรรมท่ี 3.2 draw with code -> ภารกิจ วาดภาพหลายเหล่ยี ม

คดั ลอกตัวละครใหมี 5 ตวั ละคร แลวแกไ ขสคริปตใหวาดภาพ

1. คลกิ ขวาท่ีตวั ละคร 2. คลิก duplicate 3. แก้ไขสครปิ ต์ให้วาดภาพตามโจทย์

กจิ กรรมท่ี 3.2 draw with code -> เฉลยภารกจิ วาดภาพหลายเหล่ยี ม

กิจกรรมที่ 3.2 draw with code -> การแกป ญหาเสน ไมค รบ

เฉลย

กจิ กรรมท่ี 3.2 draw with code ->การแกป ญหาและวธิ ีแกเสน ขาดหายไป

ปญหาท่พี บเสนบางเสนขาดหายไป

เพราะเหตุใด
.......................................................................................................................................................
แกไขปญ หาอยางไร
.......................................................................................................................................................

กจิ กรรมท่ี 3.2 draw with code -> การแกป ญหาและวธิ ีแกเสนขาดหายไป

เฉลย ปญหาท่ีพบเสน บางเสน ขาดหายไป

1. เพราะเหตุใด
... คําสง่ั erase All

เนือ่ งจาก เมื่อธงเขียวถกู คลิก code ในทกุ ตัวละครถกู สงั่ ใหล า งหนา จอและวาดภาพ
อาจมกี ารเหล่ือมเวลาในการทาํ งาน ซ่ึงตัวละครแตละตวั จะทาํ ไมพ รอ มกนั เชน
ตวั ละครที่ 2 ลางหนา จอ และเร่มิ วาดเสนแลว
แตต วั ละครที่ 1 พึ่งจะสั่งลา งหนา จอ ทาํ ใหเ สนทต่ี ัวละครที่ 2 วาดขาดหายไป ...

กจิ กรรมที่ 3.2 draw with code -> การแกปญหาและวิธแี กเสน ขาดหายไป

เฉลย ปญหาท่พี บเสน บางเสน ขาดหายไป

2. แกไขปญ หาอยางไร
... แกไ ขตัวละครที่ 2 – 5

โดยลบคําสัง่ erase All ออก
แลว เพิ่มคาํ สั่ง wait 0.1 Seconds
เพ่อื รอใหต วั ละครที่ 1 ลา งหนาจอใหเ สรจ็ กอ น จึงเร่มิ วาด ...

กิจกรรมที่ 4 until it’s true วนซ้าํ จนกวา เง่อื นไขจะเปนจรงิ

กิจกรรมท่ี 4 เปน การเขียนโปรแกรมแบบวนซ้าํ จนกวา เงอื่ นไขจะเปน จริง เพื่อใหไมกวาดลอย
กลับไปหาแมม ด

กจิ กรรมท่ี 4 until it’s true วนซาํ้ จนกวาเงอ่ื นไขจะเปน จริง

เง่อื นไขจะเปนจริงเมอ่ื ไมก วาดสัมผัสกบั แมม ด

อลั กอริทึม ตวั ละครไมกวาด
1. สมุ ตาํ แหนงตัวละคร
2. กาํ หนดทศิ ทางไปยงั ตวั ละครแมมด
3. เคลื่อนท่ี 10 กา ว
4. ทําซํ้าขอ 3 จนกระทัง่ สมั ผัสกบั แมม ด

กิจกรรมท่ี 4 until it’s true วนซ้าํ จนกวา เงอ่ื นไขจะเปนจรงิ

ไมก วาดจะเคล่ือนทีไ่ ปเร่ือย ๆ จนกวาจะสมั ผสั แมม ด

สุมตาํ แหนงตวั ละครไมก วาด
กาํ หนดทิศทางไปยังตัวละครแมม ด

ทาํ จนกระทงั่ สมั ผัสกับแมมด

4. การเขียนโปรแกรมแบบมเี ง่อื นไข

4. การเขียนโปรแกรมแบบมีเงื่อนไข -> บลอ็ กคาํ สง่ั if และ if else

กิจกรรมท่ี 5 เปนการเขียนโปรแกรมแบบมีเงื่อนไข
ถา เงื่อนไขเปน จรงิ จะทําตามคําส่งั หลัง then
ถา เงอ่ื นไขเปน เทจ็ จะทําตามคําสงั่ หลัง else

เง่ือนไข เง่ือนไข

ทําคําสง่ั ... ทําคาํ สงั่ ... เม่อื เง่อื นไขเป็นจรงิ
เม่อื เง่อื นไขเป็นจริง ทาํ คําสงั่ ... เม่อื เง่อื นไขเป็นเทจ็

4. การเขียนโปรแกรมแบบมีเง่อื นไข -> บล็อกคาํ ส่งั เงื่อนไข

เง่ือนไขเปน จรงิ เม่ือ มีการกดแปน ลูกศรขวา ที่แปน พมิ พ

เงือ่ นไขเปนจริงเมือ่ มกี ารกดแปน ลูกศรซา ย ท่ีแปน พิมพ

เงือ่ นไขเปนจรงิ เมื่อ
มีการสมั ผัสเมาส
หรอื ขอบเวที
หรอื ตวั ละคร ...ท่ีกําหนด....
เงอื่ นไขเปน จริงเมื่อ มีการสัมผสั สี ....ที่กาํ หนด.....

กจิ กรรมท่ี 5 touching mermaid -> ออกแบบเกม : ตัวละครปลา

รหัสลําลองของปลา

ถา กดแปน ลกู ศรซาย ตัวละครปลาเคลอ่ื นทีไ่ ปทางซาย
ถา กดแปนลกู ศรขวา ตัวละครปลาเคลือ่ นทไี่ ปทางขวา

ถา สมั ผัสสแี ดง 1. แสดงขอความ “Game Over”
2. กลบั ไปยงั จุดเริ่มตน

ถา สัมผสั นางเงอื ก 1. แสดงขอความ “I’m a winner”
2. เคล่ือนทไ่ี ปทางขวาของจอ
3. ซอนตัวละคร
มฉิ ะน้ัน 1. แสดงขอความ “GO”

กจิ กรรมท่ี 5 touching mermaid -> ออกแบบเกม : ตัวละครปลา

รหัสลําลองของปลา

ถา กดแปน ลกู ศรซาย ตัวละครปลาเคลอ่ื นทีไ่ ปทางซาย
ถา กดแปนลกู ศรขวา ตัวละครปลาเคลือ่ นทไี่ ปทางขวา

ถา สมั ผัสสแี ดง 1. แสดงขอความ “Game Over”
2. กลบั ไปยงั จุดเริ่มตน

ถา สัมผสั นางเงอื ก 1. แสดงขอความ “I’m a winner”
2. เคล่ือนทไ่ี ปทางขวาของจอ
3. ซอนตัวละคร
มฉิ ะน้ัน 1. แสดงขอความ “GO”

กจิ กรรมท่ี 5 touching mermaid -> ออกแบบเกม : ตัวละครปลา

รหัสลําลองของปลา

ถา กดแปน ลกู ศรซาย ตัวละครปลาเคลอ่ื นทีไ่ ปทางซาย
ถา กดแปนลกู ศรขวา ตัวละครปลาเคลือ่ นทไี่ ปทางขวา

ถา สมั ผัสสแี ดง 1. แสดงขอความ “Game Over”
2. กลบั ไปยงั จุดเริ่มตน

ถา สัมผสั นางเงอื ก 1. แสดงขอความ “I’m a winner”
2. เคล่ือนทไ่ี ปทางขวาของจอ
3. ซอนตัวละคร
มฉิ ะน้ัน 1. แสดงขอความ “GO”

กจิ กรรมท่ี 5 touching mermaid -> ออกแบบเกม : ตัวละครปลา

รหัสลําลองของปลา

ถา กดแปน ลกู ศรซาย ตัวละครปลาเคลอ่ื นทีไ่ ปทางซาย
ถา กดแปนลกู ศรขวา ตัวละครปลาเคลือ่ นทไี่ ปทางขวา

ถา สมั ผัสสแี ดง 1. แสดงขอความ “Game Over”
2. กลบั ไปยงั จุดเริ่มตน

ถา สัมผสั นางเงอื ก 1. แสดงขอความ “I’m a winner”
2. เคล่ือนทไ่ี ปทางขวาของจอ
3. ซอนตัวละคร
มฉิ ะน้ัน 1. แสดงขอความ “GO”

กจิ กรรมท่ี 5 touching mermaid -> ออกแบบเกม : ตัวละครปลา

รหัสลําลองของปลา

ถา กดแปน ลกู ศรซาย ตัวละครปลาเคลอ่ื นทีไ่ ปทางซาย
ถา กดแปนลกู ศรขวา ตัวละครปลาเคลือ่ นทไี่ ปทางขวา

ถา สมั ผัสสแี ดง 1. แสดงขอความ “Game Over”
2. กลบั ไปยงั จุดเริ่มตน

ถา สัมผสั นางเงอื ก 1. แสดงขอความ “I’m a winner”
2. เคล่ือนทไ่ี ปทางขวาของจอ
3. ซอนตัวละคร
มฉิ ะน้ัน 1. แสดงขอความ “GO”

กจิ กรรมท่ี 5 touching mermaid -> เขยี น code ทต่ี ัวละครปลา

กําหนดคา เริม่ ตน ของตัวละครปลา ดงั น้ี

แสดงตวั ละคร
กําหนดขนาดของตัวละคร
กําหนดรปู แบบการหมุนของตัวละครแบบซาย – ขวา
กาํ หนดตาํ แหนงเร่ิมตน

เงอ่ื นไขตาง ๆ ของตัวละครปลา
ตอ งถกู ตรวจสอบตลอดเวลาในบลอ็ กคําสั่ง forever

กจิ กรรมท่ี 5 touching mermaid -> เขยี นสครปิ ต ปลานอย

ตรวจสอบเงื่อนไขการกด แปน ลูกศรขวา ท่ีแปน พมิ พ
ทําคาํ ส่ัง เมื่อเง่อื นไขเปน จรงิ

ตรวจสอบเงือ่ นไขการกด แปนลกู ศรซา ย ท่ีแปนพมิ พ
ทาํ คําสั่ง เมือ่ เงอ่ื นไขเปนจริง

กจิ กรรมที่ 5 touching mermaid -> เขียนสครปิ ต ปลานอ ย

ตรวจสอบเงื่อนไขการสัมผสั กับตวั ละครนางเงือก
ทําคาํ สง่ั เมอ่ื เง่อื นไขเปนจริง

ทาํ คําส่ัง เมือ่ เงอ่ื นไขเปน เทจ็

กจิ กรรมท่ี 5 touching mermaid -> เขยี นสครปิ ต ปลานอ ย

ตรวจสอบเงอ่ื นไขการสมั ผัสกบั สีแดง
ทําคาํ ส่ัง เมือ่ เงอื่ นไขเปนจริง

กจิ กรรมท่ี 5 touching mermaid -> ออกแบบเกม : ตวั ละครอื่น

รหสั ลาํ ลองของนางเงอื ก
ถา สัมผัสปลา เปล่ียนภาพชุดตวั ละครเปน ภาพยกแขน
มิฉะน้ัน เปลย่ี นภาพชุดตวั ละครเปน ภาพไมยกแขน

รหัสลําลองของแมงกะพรุน
1. สลับ ภาพเปน แมงกระพรนุ สีสม 2 วนิ าที
2. สลับ ภาพเปน แมงกระพรุนสีแดง 1 วนิ าที
3. ทําซํ้าขอ 1 - 2 ไมส้นิ สุด

กจิ กรรมท่ี 5 touching mermaid -> code นางเงอื ก

เฉลย code นางเงือก

mermaid-a mermaid-b

กจิ กรรมที่ 5 touching mermaid -> code แมงกะพรนุ

เฉลย code แมงกะพรนุ

jellyfish-a jellyfish-c

กจิ กรรมท่ี 5 touching mermaid -> code แมงกะพรุน 3 ตวั

ภารกิจ เพมิ่ แมงกะพรุนเปน 3 ตวั โดยท่ีตัวท่ี 1 และตัวที่ 3 ใช code เดมิ
สว นตวั ที่ 2 จะตองแกไข code ใหไดผ ลลพั ธ ดงั ภาพ โดยวินาทีที่ 1 เปน สีแดง วนิ าทีที่ 2-3 เปนสสี ม

วนิ าทีที่ 1
วนิ าทที ี่ 2
วนิ าทที ่ี 3

กจิ กรรมท่ี 5 touching mermaid -> code แมงกะพรนุ 3 ตัว
เฉลย code แมงกะพรนุ 3 ตวั

ตวั ที่ 1 และ 3 ตัวท่ี 2

กจิ กรรมท่ี 5 touching mermaid -> code แมงกะพรนุ 3 ตัว
เฉลย code แมงกะพรนุ 3 ตวั

ตวั ที่ 1 และ 3 ตัวท่ี 2

5. ตวั แปร

5 ตัวแปร

กจิ กรรมท่ี 6 เปน การเขียนโปรแกรมที่มกี ารใชต วั แปร โดยใชต วั แปร answer เกบ็ ชื่อผูเลน เกม
และใชตวั แปร score เก็บคาคะแนน แลว นาํ คาในตวั แปร score มาตรวจสอบเงื่อนไขการจบเกม

ตวั แปรของโปรแกรม ตวั แปรที่ผ้ใู ชส้ รา้ งข้นึ

กจิ กรรมท่ี 6 variable is important -> เตรียมฉาก ตัวละคร และตวั แปร

เตรยี มฉาก Colorful City ตวั ละคร Rooster, Chick, Balloon1 และการแสดงคา ตัวแปร answer

ฉากและตัวละคร ตวั ละครพ่อไก่ ตวั ละครลกู ไก่ และลูกโปง่

กิจกรรมท่ี 6 variable is important -> ตัวแปร answer

ตวั แปร answer เปน ตวั แปรที่เกบ็ คา คาํ ตอบของผูใชงาน ซึง่ เกิดจากการถามดวยบล็อกคาํ สั่ง ask …?and wait

กจิ กรรมที่ 6 variable is important -> พอ ไกแ ละตวั แปร answer

เขียน code ใหพ อไก แสดงผลลัพธข องโปรแกรม ดงั นี้

1. ถามผู้ใช้เพ่อื รับขอ้ มูล 2. แสดงขอ้ ความ+ค่าของตัวแปร answer 3. บอกภารกจิ

กจิ กรรมที่ 6 variable is important -> เกมลูกไกแ สนซน

วิธีเลนเกม มองหาแลว คลิกเพอื่ จบั ลูกไก จบั 1 ตวั ได 10 คะแนน ครบ 10 คะแนน จงึ ชนะเกม

ฉากเกม ตัวละครลกู ไก่ และตวั แปร Score

กจิ กรรมที่ 6 variable is important -> ตวั แปรสรางโดยผูใช

การต้งั ชื่อตวั แปร ควรใชคําท่มี ีความหมายและสือ่ ถึงขอมูลท่เี กบ็ ในตวั แปร

2. คลกิ Make a Variable 3. พิมพ์ช่อื ตวั แปร 4. คลิก OK
1. คลกิ กลุ่มบล็อกคําสัง่ Variables

กจิ กรรมท่ี 6 variable is important -> code ลกู ไก

เหตุการณเ์ ม่อื เร่มิ เกม เหตกุ ารณเ์ ม่ือลูกเจีย๊ บถกู คลกิ

กจิ กรรมท่ี 6 variable is important -> code ลูกโปง

ตรวจสอบคะแนน ถาเทากับ 10 ใหแ สดงลกู โปง แลว จบเกม

กจิ กรรมท่ี 6 variable is important -> ภารกจิ ลกู ไก 3 ตัว

ภารกิจ เพ่ิมลกู ไกเปน 3 ตัว จับลกู ไกไ ดต วั ละ 10 คะแนน ครบ 30 คะแนน จงึ ชนะเกม

กจิ กรรมที่ 6 variable is important -> code ลกู โปง

เฉลย ภารกิจเพิ่มลกู ไกเ ปน 3 ตวั