เกมลง ิ เกบ ็ กล ้ วย การสร ้ างเกม ด ้ วยโปรแกรม Scratch
ตวั อย่างเกม ก สารบญั ตวั ละครที่ใช้ 1 เรื อ่ง หน้ า บลอ็ กค าสั ง่ที่ควรรู้ 4 เริ ม่เขยี นโปรแกรม 9 ตวั อย่างเกมลงิ เกบ็ กล้ วย 43 แบบทดสอบ 45 ผู้จดัท า 55
ตว ั ละครท ี ่ ใช ้ 2 ลง ิ กล ้ วย 1 1 คลก ิ Choose a Sprite 2 คลก ิ เลอ ื กหมวดหม ู ่ ตวัละคร แล ้ วเลอ ื กตวัละคร
4 จะได้ ตวั ละครดงั ภาพ 3 บลอ็ กค าสั ง่ที่ควรรู้ กลุ่มบลอ็ ก Events บลอ็ ก when clicked เป็ นบลอ็ กค าสั ง่เริ ม่ต้ นท างาน ตามบลอ็ กค าสั ง่ที่อยู่ต่อจาก บลอ็ กน้ เ ี มื อ่คลกิ ที่บลอ็ก when … key pressed เป็ นบลอ็ กค าสั ง่เริ ม่ต้ นท างานตามบลอ็ กค าสั ง่ที่อยู่ต่อจากบลอ็กน้ีเมือ่แป้นที่ระบุถูกกด
5 6 กล ุ ่ มบลอ ็ ก Control บลอ ็ ก Forever เป็ นบลอ ็ กค าสัง ่ ให้ ท าซ้ าเร ื อ ่ ยๆ คอ ื ค าสัง ่ บลอ ็ กต ่ างๆท ี ่ อยู ่ ภายใน บลอ ็ กน้เ ี กด ิ ขนึ้ซ้ าไปเร ื อ ่ ยๆไม ่ มท ี ี ่ สน้ิ ส ุ ด บลอ ็ ก wait until … เป็ นบลอ ็ กค าสัง ่ หย ุ ดรอเวลาจนกระทัง ่ เง ื อ ่ นไขหลงั until เป็ นจรง ิ จงึจะท าค าสัง ่ ต ่ อไป กล ุ ่ มบลอ ็ ก Sensing บลอ ็ ก touching……….? เป็ นบลอ ็ กค าสัง ่ ตรวจสอบว ่ าตวัละครน้นัสมัผสักบัตวั ช้ี เมาส ์ ขอบเวทห ี รอ ื ตวัละครอ ื น ่ หรอ ื ไม ่ กล ุ ่ มบลอ ็ ก Sound บลอ ็ ก start sound … เป็ นบลอ ็ กค าสัง ่ เร ิ ม ่ เสย ี ง สามารถใช้ เสย ี งท ี ่ อยู ่ ในโปรแกรมหรอ ื อดัเสย ี งเพ ิ ม ่ ได้
7 8 กล ุ ่ มบลอ ็ ก Variables Make a Variable สร ้ างตวัแปร บลอ ็ กค าสัง ่ ก าหนดค ่ าให ้ ตวัแปร จากค ่ าเร ิ ม ่ ต ้ นก าหนดให ้ เป็ น 0 บลอ ็ กค าสัง ่ เพ ิ ม ่ ค ่ าของตวัแปรท ี ่ ก าหนดขน ้ ึ จากค ่ าเดม ิ ตามก าหนด กล ุ ่ มบลอ ็ ก Looks บลอ ็ กค าสัง ่ switch costume to … เป็ นบลอ ็ กค าสัง ่ สลบั ช ุ ดตวัละคร กล ุ ่ มบลอ ็ ก Motions เปล ี ่ ยนต าแหน ่ ง ของตวัละคร ไปด ้ านซ ้ ายหรอ ื ขวา เปล ี ่ ยนต าแหน ่ ง ของตวัละคร ไปด ้ านบนหรอ ื ล ่ าง
9 10 เร ิ ม ่ เขย ี นโปรแกรม 1. เลอ ื กตว ั ละครลง ิ และกล ้ วย ปรบัขนาดตวัละครลง ิ Size= 50 ปรบัขนาดตวัละครกล ้ วย Size= 50 2.ปรบัขนาดตวัละครให ้ เหมาะสม
11 12 เลอ ื กบลอ ็ กค าสัง่ ให้ ตวัละครลงิขยบั ซ้ าย ขวา ขน้ึลง เพ ื อ่เคล ื อ่นท ี่ไปเกบ ็ กล ้ วย 3. เขย ี นโปรแกรมให ้ ตวัละครลง ิ 1. ลากบลอ ็ กค าสัง่ when … key pressed 2. เปล ี่ยนเป็ น left arrow (ลูกศรซ้ าย) เคล ื อ ่ นท ี ่ ไปด้ านซ้ าย 3. ลากบลอ ็ กค าสัง่ change x by … ในกลุ ่ มบลอ ็ ก Motion มาต่ อ เพ ื อ่ให้ ตวัละครเคล ื อ่นท ี่ในแกน x
13 14 4. ใส่ ตวัเลขเป็ น -10 เพ ื อ่ให้ ตวัละครลงิเคล ื อ่นท ี่ไป ทางซ้ ายครง้ัละ 10 ก้ าว 6. เลอ ื ก Duplicate เพ ื อ่ท าซ้ าบลอ ็ กค าสัง่ ต่ อไปเขย ี นโปรแกรมให้ ตวัละครเคล ื อ่นท ี่ ไปทาง ขวา บนและล ่ าง โดยการท าซ้ าบลอ ็ กค าสัง่ดงัน้ี เคล ื อ ่ นท ี ่ ไปด้ านขวา 5. คลกิขวาตรงบลอ ็ กค าสัง่ท ี่ต้ องการท าซ้ า 7. จะได้ บลอ ็ กค าสัง่ท ี่ต้ องการท าซ้ าขน้ึมา
15 16 8. ท าการเปล ี่ยนจาก left arrow (ลูกศรซ้ าย) เป็ น right arrow (ลูกศรขวา) 9. เปล ี่ยน change x by -10 เป็ น 10 เพ ื อ่ให้ ตวัละคร เคล ื อ่นท ี่ไปทางขวาตามแนวแกน x ตวัละครเคล ื อ ่ นท ี ่ ขนึ้ 10. คลกิขวาตรงบลอ ็ กค าสัง่ท ี่ต้ องการท าซ้ า 11. เลอ ื ก Duplicate เพ ื อ่ท าซ้ าบลอ ็ กค าสัง่
17 18 12. ท าการเปล ี่ยนเป็ น up arrow (ลูกศรขน้ึ) 13. เปล ี่ยนจาก change x by 10 เป็ น change y by 10 เพ ื อ่ให้ ตวัละครลงิเคล ื อ่นท ี่ขน้ึตามแนวแกน y 14. ท าซ้ าบลอ ็ กค าสัง่เหมอ ื นเดมิและเปล ี่ยนเป็ น down arrow (ลูกศรลง) และเปล ี่ยนจาก change y by 10 เป็ น -10 เพ ื อ่ให้ ตวัละครลงิเคล ื อ่นท ี่ลงตามแนวแกน y ตวัละครเคล ื อ ่ นท ี ่ ลง ตอนน้เ ี ราเขย ี นโปรแกรมให้ ตวัละครเคล ื อ่นท ี่ ไปทางซ้ าย ขวา ขน้ึลง ได้ เรย ี บร้ อยแล ้ ว นกัเรย ี นลองทดสอบโปรแกรมนะคะ ว ่ าตวัละครลงิของนกัเรย ี นเคล ื อ่นท ี่ไหมเอ ่ ย
19 20ผลลพัธ์ 4. เปลี่ยนชุดให้ตวัละครลงินกัเรยีนสงัเกตไหมเอ่ย ว่าตวัละครลงิดูเหมอืนไม่มชีวีติ ชวีา เรามาเปลี่ยนชุดให้ตวัละครลงิขยบั ได้กนัดกีว่าจ้า
21 22 1. คลกิ Costume เพือ่ดูชุดตวัละครลงิ 2. ตวัละครลงิ ประกอบด้วยชุดตวัละคร 3 ชุดชือ่ชุดตวัละคร monkey-aชือ่ชุดตวัละคร monkey-bชือ่ชุดตวัละคร monkey-cตวัละครลงิมองลงน าไปใส่เมือ่ตวัละครลงิเคลือ่นที่ลงตวัละครลงิมองขน้ึน าไปใส่เมือ่ตวัละครลงิเคลือ่นที่ขน้ึตวัละครลงิมองขวาน าไปใส่เมือ่ตวัละครลงิเคลือ่นที่ทางขวา
23 24 2. คลกิ Code กลบั ไปหน้ าเขย ี นโปรแกรม เพ ื อ่ลาก บลอ ็ กค าสัง่เปล ี่ยนชุดตวัละคร บลอ ็ กค าสัง่ switch costume to … ในกลุ ่ มบลอ ็ ก Looks ตวัละครลงิมองขวา คอ ื ชุดตวัละคร monkey-c น าไปใส่ เม ื อ่ตวัละครลงิเคล ื อ่นท ี่ทางขวา ตวัละครลงิมองขน้ึคอ ื ชุดตวัละคร monkey-b น าไปใส่ เม ื อ่ตวัละครลงิเคล ื อ่นท ี่ขน้ึ ตวัละครลงิมองลง คอ ื ชุดตวัละคร monkey-a น าไปใส่ เม ื อ่ตวัละครลงิเคล ื อ่นท ี่ลง
25 26 ผลลพ ั ธ ์ 5.เขย ี นโปรแกรมให ้ ตวัละครกล ้ วย เย ้ !! ตว ั ละครลง ิ ขยบ ั ได ้ แล ้ ว เขย ี นโปรแกรมให้ กล ้ วย โดยเม ื อ่ตวัละครลงิมาสมัผสัท ี่กล ้ วยจะได้ คะแนน +1 พร้ อมกล ้ วยท ี่ถูกสมัผสัจะหายไปปรากฎอยู ่ ท ี่อ ื น่ เพ ื อ่ให้ ลงิเกบ ็ หรอ ื สมัผสัสะสมคะแนนไปเร ื อ่ยๆ 1. ท าการสร้ างตวัแปร score เพ ื อ่เกบ ็ คะแนนโดยการคลกิ กลุ ่ มบลอ ็ ก Variables แล ้ ว เลอ ื ก Make a Variables
27 28 2. จะปรากฎหน้ าต่ างดงัภาพ แล ้ วตง้ั ช ื อ่ตวัแปร score 3. เลอ ื ก For all sprites การน าไปใช้ กบัทุกตวัละคร 4. คลกิ OK
29 30 5. ก่ อนเริม่เขย ี นโปรแกรมทุกครง้ัต้ องลากบลอ ็ กค าสัง่ when clicked อยู ่ ในกลุ ่ มบลอ ็ ก Events 6. ตง้ัค่ าคะแนนเริม่ต้ นให้ เท่ ากบั 0 โดยเลอ ื กบลอ ็ กค าสัง่ set … to 0 อยู ่ ในกลุ ่ มบลอ ็ ก Variables เลอ ื กตวัแปร score ท ี่เราท าการสร้ างไว้ 7. ลากบลอ ็ กค าสัง่ wait until … และ touching……….? เป็ นค าสัง่รอจนกระทัง่เม ื อ่ลงิสมัผสักล ้ วย
31 32 8. ลากค าสัง่ forever โดยน าบลอ ็ กค าสัง่ wait until … และ touching….? ไว้ ภายในบลอ ็ กค าสัง่ forever เป็ น การรอจนกระทัง่เม ื อ่ลงิสมัผสักล ้ วยตลอด 9. รอจนกระทั่งเม ื่อลงิสมัผสักล ้ วย ให้ เพิ่มคะแนน +1 คะแนน โดยการใช้ บลอ ็ กค าสัง่ chang score by 1 เป็ นการนบัคะแนน ท าการลากวางภายในบลอ ็ กค าสั่ง forever เพ ื อ่ท าการวนซ้ าตลอด
33 34 10. จากน้ น ั ลากบลอ็ กค าสั ง่ go to random position มาไว้ ภายในบลอ็ กค าสั ง่ forever เพื อ่ให้ กล้ วยเมื อ่ถู ก สมั ผสั แล้ ว ปรากฎอยู่ต าแหน่งอื น่โดยการสุ่มต าแหน่งเรื อ่ยๆ ตอนน้ เ ี ราเขยี นโปรแกรมให้ กล้ วยเรยี บร้ อยแล้ ว นกั เรยี นลองทดสอบโปรแกรมว่าตวั ละครลงิ ของ นกั เรยี นเมื อ่สมั ผสั กล้ วยแล้ วมคี ะแนนเพิ ม่ขน้ึ และกล้ วยหายไปปรากฎอยู่ต าแหน่งอื น่เรื อ่ยๆ ไหมเอ่ย ??ผลลพัธ์
35 36 6. ใส่ฉากหลงั ให้สวยงาม 1. ท าการใส่ฉากหลงั ให้สวยงาม โดยคลกิเลอืก choose a backdrop ผลลพั ธ์
37 38 7. การใส่เสยีง 1. เลอืกเมนู Sounds เพือ่ท าการน าเสยีงเข้า 2. การเลอืกเสยีงใหม่ ให้ท าการคลกิ ไอคอนล าโพง
39 40 4. เสยีงที่เราน าเข้า จะแสดงอยู่แถบด้านข้ 3. เลอืกเสยีงได าง ดงัภาพ ้ตามที่ต้องการ
41 42 5. คลกิเมนู Code ท าการใส่เสยีงเมือ่ตวัละครลงิสมัผสักล้วย โดยลากบลอ็กค าสัง่ start sound … แล้วเลอืกเสยีงที่ต้องการ 6. ท าการใส่เสยีงให้กบัตวัละครลงิเพือ่เป็นเสยีงพน้ืหลงัโดยให้เพลงเล่นไปเรือ่ยๆจนกว่าจะจบ
43 44ผลลพัธ์
45 46 1 บลอ ็ กค าสัง่ ใด คอ ื บลอ ็ กค าสัง่ ให้ ตวัละคร เคล ื อ่นท ี่โดยการกดปุ ่ มจากแป้ นพมิพ์ ก ข ค ง แบบทดสอบ
47 48 3 บลอ ็ กค าสัง ่ ใด คอ ื บลอ ็ กค าสัง ่ ให้ ตวัละครเคล ื อ ่ นท ี ่ ลง ก ข ค ง 2 บลอ ็ กค าสัง ่ ใด คอ ื บลอ ็ กค าสัง ่ ให้ ตวัละครเคล ื อ ่ นท ี ่ ไปทางขวา ก ข ค ง
49 50 5 บลอ ็ กค าสัง ่ ใด คอ ื บลอ ็ กค าสัง ่ วนซ้ าตลอด ไม ่ มท ี ี ่ สน้ิ ส ุ ด ก ข ค ง 4 บลอ ็ กค าสัง ่ ใด คอ ื บลอ ็ กค าสัง ่ เปล ี ่ ยนช ุ ดตวัละคร ก ข ค ง
51 52 7 บลอ ็ กค าสัง่ ใด ตรวจสอบว ่ าตวัละครน้นัสมัผสักบั ตวั ช้เ ี มาส์ขอบเวทห ี รอ ื ตวัละครอ ื น่หรอ ื ไม่ ก ข ค ง 6 บลอ ็ กค าสัง ่ ใด คอ ื บลอ ็ กค าสัง ่ ให้ ตวัละครเคล ื อ ่ นท ี ่ โดยส ุ ่ มต าแหน ่ ง ก ข ค ง
51 52 9 ก ข ค ง 8 ข้ อใด คอ ื ป ุ ่ มสร้ างตวัแปร ก ข ค ง ข้ อใด คอ ื ป ุ ่ มเพ ิ ม ่ ฉากหลงั
53 54 10 ก ข ค ง ข้ อใด คอ ื ป ุ ่ มเพ ิ ม ่ เสย ี ง เจอกน ั บทเรย ี นต ่ อไป นะครบ ั
55 56 ผ ู ้ จด ั ท า ช ื อ ่ : นายดณ ุ พล จต ิ ประสงค ์ ต าแหน ่ ง : ครูช านาญการ ครูผู ้ สอน : วท ิ ยาการค านวณ โรงเรย ี น : บ้ านสกัพฒันา สงักดั : สพป.ชร.2 เกมลง ิ เกบ ็ กล ้ วย