Scratch_BeeAndBear

เกม หมี ผง้ึ ๆ
BEE AND BEAR GAME
การสรา งเกมดว ย Scratch

สาํ นกั งานคณะกรรมการการศกึ ษาขน้ั พืน้ ฐาน รว มกับ สถาบันสง เสริมการสอนวิทยาศาสตรแ ละเทคโนโลยี
กระทรวงศึกษาธิการ

BEE AND BEAR

ทดลองเลน เกม สงั เกต และตอบคาํ ถามตอไปนี้
1. มฉี ากหลังกฉี่ าก อะไรบาง 2. มตี ัวละครอะไรบา ง 3. เหตุการณท ่ที ําใหเกดิ การเปลย่ี นฉาก
4. มีเหตุการณอ ะไรเกิดขึ้นกับตวั ละครบาง

ลิงก์ download เกม ………b…it….ly…/…2…D…E…Z…w…g…7……………………………..

BEE AND BEAR

1. มีฉากหลัง 3 ฉาก

ฉากท่ี 1 ฉากช่อื เกม ฉากที่ 2 ฉากเล่นเกม ฉากท่ี 3 ฉากจบเกม

BEE AND BEAR

2. ตัวละครทป่ี รากฏในเกม 5 ตวั ละคร

ปมุ่ PLAY หมี ผ้ึง รังผ้ึง แอปเปิล

BEE AND BEAR

3. เหตุการณท ่ีทําใหเกิดการเปลี่ยนฉาก

เร่ิมเกม ปมุ่ PLAY ถูกคลกิ หมีถูกผ้ึงต่อย

BEE AND BEAR ผึ้งบินไปหาหมี
ผึ้งตอ ยหมี
4. เหตกุ ารณอ ะไรเกิดขน้ึ กบั ตัวละคร ผึ้งออกจากรัง
ปมุ PLAY ถกู กด ผง้ึ บินเรว็ ขน้ึ
ผึ้งหยุดบนิ แลว บินชาลง
หมีเคลอ่ื นทีต่ ามเมาส รงั ผ้ึงถกู หมีกนิ ไดค ะแนน
หมถี กู ผึ้งตอย รงั ผง้ึ ยา ยตําแหนง
หมตี าย Game Over
หมีกนิ รงั ผง้ึ แอปเปล แสดงและหายไป
หมกี นิ แอปเปล แอปเปลถูกหมีกนิ หายไป

BEE AND BEAR
ฉาก ฉากที่ 1 ฉากท่ี 2 ฉากที่ 3
ตัวละคร
เปลีย่ นเปน ฉากท่ี 2 เมือ่ ถูกคลิก

- เคล่อื นท่ตี าม mouse ปรากฏภาพหมตี าย
- เปล่ยี นทาทางตลอดเวลา

- ตาย แลวเปลีย่ นเปนฉากที่ 3 ฉากจบเกม เมอื่ โดนผง้ึ ตอย
- ขยบั ปก และบินไปหาหมี
- บินเร็วข้นึ เมอื่ หมีกินรังผึ้งหลายรัง

- หยดุ และแสดงขอ ความ Frozen บนิ ชา ลง เมือ่ หมกี นิ แอปเปล
- ไดค ะแนนเพม่ิ มีผ้ึงออกจากรงั แลว ยายที่ใหม เมือ่ โดนหมีกนิ

- ปรากฏเปน ระยะ ๆ แลว หายไป
- หายไป และผง้ึ หยุดบนิ เมื่อหมมี ากิน

BEE AND BEAR
ฉาก ฉากที่ 1 ฉากท่ี 2 ฉากที่ 3
ตัวละคร
เปลีย่ นเปน ฉากท่ี 2 เมือ่ ถูกคลิก

- เคล่อื นท่ตี าม mouse ปรากฏภาพหมตี าย
- เปล่ยี นทาทางตลอดเวลา

- ตาย แลวเปลีย่ นเปนฉากที่ 3 ฉากจบเกม เมอื่ โดนผง้ึ ตอย
- ขยบั ปก และบินไปหาหมี
- บินเร็วข้นึ เมอื่ หมีกินรังผึ้งหลายรัง

- หยดุ และแสดงขอ ความ Frozen บนิ ชา ลง เมือ่ หมกี นิ แอปเปล
- ไดค ะแนนเพม่ิ มีผ้ึงออกจากรงั แลว ยายที่ใหม เมือ่ โดนหมีกนิ

- ปรากฏเปน ระยะ ๆ แลว หายไป
- หายไป และผง้ึ หยุดบนิ เมื่อหมมี ากิน

การวิเคราะหโ ปรแกรม

เพราะเหตใุ ดจงึ ตองวเิ คราะหโปรแกรม

การวเิ คราะหโ ปรแกรม จะทําใหส ามารถจัดการกบั ปญ หาที่ซบั ซอน
ไดอยางเปนระบบ และทาํ ใหท ราบถึงสิ่งตอ ไปนี้
● ภาพรวมและงานตา ง ๆ ทต่ี องทาํ
● บทบาทหนาท่ขี ององคประกอบตา ง ๆ
● วางแผนจัดลําดับความสําคัญ เรยี งลาํ ดบั ขัน้ ตอนในการออกแบบและเขยี นโปรแกรมได

แนวคิดเชิงคาํ นวณ (Computational Thinking)

กระบวนการพฒั นาโปรแกรม ใชแนวคดิ เชงิ คํานวณ ดังน้ี

1. การแบงปญหาใหญเ ปนปญหายอย (Decomposition)
2. รูปแบบในการแกป ญ หา (Pattern Recognition)
3. ความคิดเชงิ นามธรรม (Abstraction)
4. การออกแบบอัลกอริทมึ (Algorithm Design)

ข้นั ตอนการวเิ คราะหโ ปรแกรม

1. วิเคราะหง าน
2. วเิ คราะหบ ทบาทของฉาก ตวั ละคร ออกแบบ เขียนโปรแกรมและตรวจสอบ

ทลี ะงานตามลําดับ

1. วเิ คราะหง าน

วเิ คราะหงาน

แบง โปรแกรมออกเปน งานตา ง ๆ เพื่อใหงา ยตอการทํางาน

งานท่ี 1: งานที่ 2: งานที่ 3: งานที่ 4: งานที่ 5: งานท่ี 6:
ฉากช่อื เกม หมีหนผี ้งึ ตอยแลวตาย เก็บรังผึ้ง ผ้งึ โกรธ ของวิเศษ

2. วเิ คราะหบ ทบาทของฉาก ตัวละคร ออกแบบ
เขียนโปรแกรมและตรวจสอบ
ทีละงานตามลําดบั

การวเิ คราะหโปรแกรม
วิเคราะหบทบาท
งานที่ 1 ฉากและตวั ละคร ออกแบบ เขยี นโปรแกรม ตรวจสอบ
ฉากช่อื เกม ออกแบบ เขยี นโปรแกรม ตรวจสอบ
ออกแบบ เขียนโปรแกรม ตรวจสอบ
งานที่ 2 วิเคราะหบทบาท ออกแบบ เขียนโปรแกรม ตรวจสอบ
หมหี นผี ึง้ ฉากและตัวละคร ออกแบบ เขียนโปรแกรม ตรวจสอบ
ออกแบบ เขยี นโปรแกรม ตรวจสอบ
งานที่ 3 วเิ คราะหบทบาท
ตอ ยแลว ตาย ฉากและตวั ละคร

งานที่ 4 วเิ คราะหบทบาท
เก็บรังผงึ้ ฉากและตวั ละคร

งานท่ี 5 วิเคราะหบทบาท
ผ้ึงโกรธ ฉากและตัวละคร

งานที่ 6 วเิ คราะหบทบาท
ของวิเศษ ฉากและตวั ละคร

2.1 งานที่ 1 ฉากช่ือเกม -> วเิ คราะหบ ทบาทฉากและตวั ละคร

ชือ่ บทบาท Backdrop

1. เมอ่ื แสดงฉากท่ี 1 ฉากชอ่ื เกม
คลิกธงเขยี ว และคําอธิบายวธิ ีเลน

2. เมื่อ ใหแ สดงตัวละคร ซอ นตวั ซอนตวั ซอ นตัว ซอ นตวั
เริ่มฉากที่ 1 ปุม PLAY ละคร ละคร ละคร ละคร

3. เมอ่ื เปล่ยี นเปน ฉากที่ 2 ซอ นตวั ละคร
คลิกปุม PLAY ฉากเลนเกม

2.1 งานที่ 1 ฉากชื่อเกม -> ออกแบบ

2.1 งานที่ 1 ฉากชื่อเกม -> ออกแบบ

2.1 งานที่ 1 ฉากชื่อเกม -> เขยี นโปรแกรม

เตรียมฉากหลงั และตัวละครทั้งหมด

ตวั ละครในโปรแกรม Scratch ตัวละครท่ตี อ้ ง นําเข้า
ลงิ ก์ download ………b…it….ly…/..2..D...E...Z...w...g..7..............…………

2.1 งานท่ี 1 ฉากชอ่ื เกม -> เขยี นโปรแกรม

เตรียมฉากหลงั ทั้งหมด

2.1 งานท่ี 1 ฉากชอ่ื เกม -> เขยี นโปรแกรม

เตรียมตัวละครทั้งหมด

2.1 งานท่ี 1 ฉากช่อื เกม -> เขียนโปรแกรม ?

เขียน code ท่ี Backdrop เขยี น code ที่ปุม่ PLAY

?

2.1 งานที่ 1 ฉากชอื่ เกม -> เขียนโปรแกรม

เขียน code หมี เขยี น code ที่ผ้ึง

เขยี น code ทร่ี งั ผ้งึ เขยี น code ทแี่ อปเปิล

เกม หมี ผง้ึ ๆ
BEE AND BEAR GAME
การสรา งเกมดว ย Scratch

สาํ นกั งานคณะกรรมการการศกึ ษาขน้ั พืน้ ฐาน รว มกับ สถาบันสง เสริมการสอนวิทยาศาสตรแ ละเทคโนโลยี
กระทรวงศึกษาธิการ

2.2 งานท่ี 2 หมีหนีผ้ึง -> วเิ คราะหบ ทบาทฉากและตัวละคร

ชื่อบทบาท Backdrop

1. เม่ือ 1. แสดงตัวละคร 1. แสดงตัวละคร
เร่มิ ฉากที่ 2 2. หมีเคลื่อนทต่ี ามเมาส 2. ผ้ึงขยับปก
3. หมีเปลยี่ นทาทาง 3. บินไปหาหมี

2.2 งานที่ 2 หมหี นผี ้งึ -> ออกแบบ

2.2 งานที่ 2 หมีหนผี ้ึง -> เขยี นโปรแกรม

เขียน code ทีต่ วั ละครหมี

?

2.2 งานท่ี 2 หมหี นผี งึ้ -> เขยี นโปรแกรม

เขยี น code ท่ตี ัวละครผ้งึ

?
?

2.3 งานที่ 3 ตอ ยแลว ตาย -> วิเคราะหบ ทบาทฉากและตัวละคร

ชื่อบทบาท Backdrop

1. เมือ่ เปลย่ี นเปน หมเี ปลย่ี นทาทางเปน หมนี อนตาย
หมถี กู ผึ้งตอย ฉากท่ี 3 ซอนตวั ซอ นตวั ซอ นตัว
แลวจบเกม ละคร ละคร ละคร

2. เมอ่ื
เปล่ยี นเปน
ฉากจบเกม

2.3 งานที่ 3 ตอ ยแลว ตาย -> ออกแบบ

2.3 งานที่ 3 ตอ ยแลว ตาย -> ออกแบบ

2.3 งานท่ี 3 ตอ ยแลวตาย -> เขยี นโปรแกรม

เขียน code ทตี่ วั ละครหมี

?
?

เขยี น code ท่ตี วั ละคร ผ้ึง รงั ผ้งึ และแอปเปิล

เกม หมี ผง้ึ ๆ
BEE AND BEAR GAME
การสรา งเกมดว ย Scratch

สาํ นกั งานคณะกรรมการการศกึ ษาขน้ั พืน้ ฐาน รว มกับ สถาบันสง เสริมการสอนวิทยาศาสตรแ ละเทคโนโลยี
กระทรวงศึกษาธิการ

2.4 งานที่ 4 เก็บรงั ผึ้ง -> วิเคราะหบ ทบาทฉากและตัวละคร

ช่อื บทบาท Backdrop

1. เมื่อ เลนเสยี งหมีเคีย้ ว
หมีกนิ รงั ผ้ึง รงั ผึ้ง

2. เมอ่ื มีผึง้ ออกจากรงั ยา ยตาํ แหนง
รงั ผึ้งถกู หมีกนิ เพิม่ 1 ตวั รงั ผง้ึ

2.4 งานที่ 4 เกบ็ รงั ผ้งึ -> ออกแบบ

2.4 งานที่ 4 เกบ็ รงั ผ้งึ -> ออกแบบ

2.4 งานท่ี 4 เก็บรงั ผึ้ง -> เขียนโปรแกรม

เขียน code ทตี่ ัวละครหมี

?

อยา่ ลืมเพ่มิ ไฟลเ์ สียง Chomp
แลว้ จงึ เขยี น code

2.4 งานท่ี 4 เก็บรงั ผง้ึ -> เขยี นโปรแกรม เขยี น code ท่ีตัวละครรงั ผ้งึ

เขยี น code ทตี่ ัวละครผ้งึ ?
ใชก้ าร clone ?
ในการเพ่มิ จาํ นวนผ้ึง ?

2.5 งานท่ี 5 ผ้งึ โกรธ -> วิเคราะหบทบาทฉากและตวั ละคร

ชอ่ื บทบาท Backdrop

1. เมอ่ื ผ้งึ บินเรว็ ขึ้น เพิม่ 1 คะแนน
รงั ผ้ึงถูกหมกี นิ

2.5 งานท่ี 5 ผ้งึ โกรธ -> ออกแบบ เพ่มิ 1 คะแนน

ผ้งึ บินเรว็ ข้ึน

2.5 งานท่ี 5 ผึ้งโกรธ -> ออกแบบ

2.5 งานท่ี 5 ผ้ึงโกรธ -> เขยี นโปรแกรม

สร้างตวั แปร และ แลว้ แกไ้ ข code ทฉี่ ากหลงั

ซ่ึงเป็นการกาํ หนดคา่ เร่มิ ตน้ ของตวั แปร และการซอ่ นแสดงคา่ ตวั แปร

codeฉสาว่กนใดใดมเีกปา็นรกแาสรดกงาํ คหา่ นตดวั คแา่ปใรหบต้ า้ วังแ? ปร ?

ฉากช่อื เกม ฉากเล่นเกม ฉากจบเกม

2.5 งานที่ 5 ผ้งึ โกรธ -> เขียนโปรแกรม

เขียน code ท่ีตัวละครรงั ผ้งึ

?

2.5 งานที่ 5 ผง้ึ โกรธ -> เขียนโปรแกรม แก้ไข code ทีต่ วั ละครผ้งึ

เม่อื เพ่มิ คา่ Speed ข้ึน 1 ผ้งึ จะบนิ เรว็ ข้นึ

ใชต้ วั แปร แทนคา่ คงที่
เพ่อื เพ่มิ หรอื ลดความเรว็ ของผ้งึ ได้

เกม หมี ผง้ึ ๆ
BEE AND BEAR GAME
การสรา งเกมดว ย Scratch

สาํ นกั งานคณะกรรมการการศกึ ษาขน้ั พืน้ ฐาน รว มกับ สถาบันสง เสริมการสอนวิทยาศาสตรแ ละเทคโนโลยี
กระทรวงศึกษาธิการ

2.6 งานท่ี 6 ของวิเศษ -> วิเคราะหบ ทบาทฉากและตวั ละคร

ช่ือบทบาท Backdrop 1. ผง้ึ หยุดบนิ 1. แอปเปล ซอ น 5 วนิ าที
2. ผึง้ พดู “Frozen” 3 วนิ าที 2. แอปเปลปรากฏ 3 วนิ าที
1. เมอื่ เร่ิม 3. ผงึ้ บนิ ดวยความเร็วปกติ 3. ทาํ ซา้ํ ขอ 1 – 2 ไมส ้ินสุด
ฉากที่ 2 1. แอปเปลหายไป
ฉากเลน เกม

2. เมื่อ
แอปเปล
ถูกหมกี นิ

2.6 งานท่ี 6 ของวเิ ศษ -> ออกแบบ

2.6 งานท่ี 6 ของวเิ ศษ -> ออกแบบ

2.6 งานที่ 6 ของวเิ ศษ -> เขยี นโปรแกรม

เขียน code ท่ตี วั ละครแอปเปิล

เขียน code ทีผ่ ้งึ