เกมยิงลูกโป่ง

เกมยง ิ ล ู กโป่ ง การสร ้ างเกม ด ้ วยโปรแกรม Scratch

ตว ั อย ่ างเกม

ตว ั ละครท ี ่ ใช ้ 1 เร ื อ ่ ง หน ้ า บลอ ็ กค าส ั ง ่ ท ี ่ ควรร ู ้ 4 เร ิ ม ่ เขย ี นโปรแกรม 12 สารบญ ั ก

1 ล ู กโป่ ง เป้ ายง ิ ตว ั ละครท ี ่ ใช ้

2 1 คลก ิ Choose a Sprite 2 คลก ิ เลอ ื กตว ั ละครล ู กโป่ ง การเลอ ื กตว ั ละครท ี ่ มใี นโปรแกรม

3 การ Uploadตว ั ละคร จากไฟล ์ คอมพว ิ เตอร ์ 1 คลก ิ Upload Sprite 2 เลอ ื กไฟล ์ เป้ ายง ิ 3 คลก ิ Open

กล ุ ่ มบลอ ็ ก Events บลอ ็ ก when clicked เป็ นบลอ ็ กค าส ั ง ่ เร ิ ม ่ ต ้ น ท างานตามบลอ ็ กค าส ั ง ่ ท ี ่ อย ู ่ ต ่ อจาก 4 บลอ ็ กค าส ั ง ่ ท ่ ค ี วรร ู ้

5 กล ุ ่ มบลอ ็ ก Control บลอ ็ ก Forever เป็ นบลอ ็ กค าสัง ่ ให้ ท าซ้ าเรอ ่ ื ยๆ คอ ื ค าสัง ่ บลอ ็ กต ่ างๆท ่ อ ี ยู ่ ภายใน บลอ ็ กน้เ ี ก ิ ดขนึ้ซ้ าไปเรอ ่ ื ยๆไม ่ มท ี ่ ส ี น ิ้ส ุ ด บลอ ็ ก wait 1 seconds เป็ นบลอ ็ กค าสัง ่ หย ุ ดรอเป็ นเวลา 1 วน ิ าท ี ก ่ อนท ่ จ ี ะท าบลอ ็ กค าสัง ่ ถดั ไป บลอ ็ ก repeat until… เป็ นบลอ ็ กค าสัง ่ ท าค าสัง ่ ภายในบลอ ็ กซ้ าไปเรอ ่ ื ยๆ ถ้ าเงอ ่ ื นไขท ่ ก ี าหนดหลงั until เป็ นเทจ ็ จะข้ ามไปท า ค าสัง ่ ถดั ไปถ้ าเงอ ่ ื นไขท ่ ี ก าหนดหลงั until เป็ นจรง ิ บลอ ็ ก if… then เป็ นบลอ ็ กค าสัง ่ ท าค าสัง ่ ภายในบลอ ็ ก if ถ้ าเงอ ่ ื นไขท ่ ก ี าหนดหลงั if เป็ น จรง ิ แต ่ ถ้ าเงอ ่ ื นไขเป็ นเทจ ็ ก ็ จะข้ าม ค าสัง ่ ทง้ัหมดท ่ อ ี ยู ่ ในบลอ ็ กไป

6 กล ุ ่ มบลอ ็ ก Control บลอ ็ ก when I start as a clone เป็ นบลอ ็ กค าสัง ่ เร ิ ม ่ ต้ นท างานตาม บลอ ็ กค าสัง ่ ท ่ อ ี ยู ่ ต ่ อจากบลอ ็ กน้ี เม ่ อ ื ตวัละครน้ถ ี ูกสร ้ างขนึ้ด้ วยการโคลน บลอ ็ ก create clone of myself เป็ นบลอ ็ กค าสัง ่ สร ้ างตวัละครโคลน เพ ิ ม ่ ขนึ้1 ตวัจากตวัละครน้ี บลอ ็ ก delete this clone เป็ นบลอ ็ กค าสัง ่ ลบตวัละครโคลน

7 บลอ ็ ก mouse down? เป็ นบลอ ็ กค าสัง ่ ตรวจสอบเมาส ์ ว ่ าถูกคลก ิ หรอ ื ไม ่ กล ุ ่ มบลอ ็ ก Sensing บลอ ็ ก touching……….? เป็ นบลอ ็ กค าสัง ่ ตรวจสอบว ่ าตวัละครนน้ั สมัผสักบัตวั ช้เ ี มาส ์ ขอบเวทห ี รอ ื ตวัละคร อ ่ น ื หรอ ื ไม ่ กล ุ ่ มบลอ ็ ก Looks บลอ ็ กค าสัง ่ switch costume to … เป็ นบลอ ็ กค าสัง ่ สลบั ช ุ ดตวัละคร บลอ ็ กค าสัง ่ change color effect by 25 เป็ นบลอ ็ กค าสัง ่ เปล ่ ย ี นเทคนค ิ การแสดงภาพตวัละครโดย เลอ ื กเทคนค ิ พเ ิ ศษจากเครอ ่ ื งหมาย ตวัอย ่ าง เทคนค ิ color และตง้ั ปรม ิ าณการใช้ เป็ น 25

8 กล ุ ่ มบลอ ็ ก Looks บลอ ็ ก hide เป็ นบลอ ็ กค าส ั ง ่ ซ ่ อนตว ั ละคร บลอ ็ ก show เป็ นบลอ ็ กค าส ั ง ่ แสดงตว ั ละคร บลอ ็ ก go to … layer เป็ นบลอ ็ กค าส ั ง ่ แสดงระดบ ั ชน ้ ั ของตว ั ละคร แบ ่ งเป็ น 2 แบบ ค ือ font แสดงตว ั ละครด ้ านหน ้ าส ุ ด หร ือ backward ถอยหลง ั ตามค ่ าระดบ ั ชน ้ ั ท ่ ก ี าหนด

9 กล ุ ่ มบลอ ็ ก Motions บลอ ็ ก go to random position เป็ นบลอ ็ กค าส ั ง ่ ให ้ ไปต าแหน ่ งท ่ ก ี าหนดบนเวทจ ี ากค ่ าเร ิ ม ่ ต ้ น หมายถง ึ ส ั ง ่ ให ้ ตว ั ละครส ุ ่ มต าแหน ่ ง (random position) หรอ ื ไปท ่ ต ี าแหน ่ งตว ั ช ้ เ ี มาส ์ (mouse pointer) บลอ ็ ก set y to … เป็ นบลอ ็ กค าส ั ง ่ ต ้ ง ั ค ่ าต าแหน ่ งตว ั ละครไปด ้ านบนหรอ ื ล ่ าง ตว ั อย ่ าง ต ้ ง ั ค ่ าตว ั ละครไปท ่ ต ี าแหน ่ ง y = 0 ค ือ ตรงกลางเวท ี y = 180 ค ือ ขอบบนส ุด y = -180 คอ ื ขอบล ่ างส ุ ด

10 กล ุ ่ มบลอ ็ ก Motions บลอ ็ ก y position เป็ นบลอ ็ กค าส ั ง ่ แสดงต าแหน ่ ง ตว ั ละครตามแนวแกน y บลอ ็ ก x position เป็ นบลอ ็ กค าส ั ง ่ แสดงต าแหน ่ ง ตว ั ละครตามแนวแกน x บลอ ็ ก change y by … เป็ นบลอ ็ กค าส ั ง ่ เปล ่ ย ี นต าแหน ่ งของ ตว ั ละครไปด ้ านบนหรอ ื ล ่ าง

กล ุ ่ มบลอ ็ ก Operator บลอ ็ ก pick random … to … เป็ นบลอ ็ กค าสัง ่ ส ุ ่ มเลขจ านวนเตม ็ ในช ่ วงท ่ ร ี ะบ ุ เป็ นบลอ ็ กค าสัง ่ ตวัด าเนน ิ การทาง ตรรกะ "และ" (and) เป็ นบลอ ็ กค าสัง ่ ตวัด าเนน ิ การ เปรย ี บเทย ี บ ให้ ค ่ าเป็ นจรง ิ ถ้ าค ่ าทง้ัสองเท ่ ากนั 11 กล ุ ่ มบลอ ็ ก Sound บลอ ็ ก start sound … เป็ นบลอ ็ กค าสัง ่ เร ิ ม ่ เสย ี ง สามารถใช้ เสย ี งท ่ อ ี ยู ่ ในโปรแกรมหรอ ื อดัเสย ี งเพ ิ ม ่ ได้

12 เร ิ ม ่ เขย ี นโปรแกรม 1.ตว ั ละครล ู กโป่ งและเป้ ายง ิ

13 ปรบ ั ขนาดล ู กโป่ ง Size= 70 2.ปรบ ั ขนาดตว ั ละครให ้ เหมาะสม ปรบ ั ขนาดเป้ ายง ิ Size= 15

14 เขย ี นโปรแกรมให ้ Shooter (เป้ ายง ิ ) เม ื ่ อขยบ ั เมาส ์ไปทางไหน ให ้ ตว ั Shooter (เป้ ายง ิ ) ตด ิ ปลายเมาส ์ไปด ้ วย 3. เขย ี นโปรแกรมให ้ เป้ ายง ิ

15 3. เขย ี นโปรแกรมให ้ เป้ ายง ิ 1. ลากบลอ ็ กค าส ั ง ่ บลอ ็ ก when clicked เพ ื ่ อใช ้ เป็ นค าส ั ง ่ เร ิ ม ่ ต ้ นท างานตามบลอ ็ กค าส ั ง ่ ท ่ อ ี ย ู ่ ต ่ อจาก 2. ลากบลอ ็ ก Forever มาต ่ อ เป็ นการส ั ง ่ ให ้ บลอ ็ ก ค าส ั ง ่ ท ่ อ ี ย ู ่ ภายในน ้ ี ท างานวนซ้ าตลอด

16 3. เขย ี นโปรแกรมให ้ เป้ ายง ิ 3. ลากบลอ ็ กค าส ั ง ่ go to mouse-pointer มา ใส ่ ในบลอ ็ กค าส ั ง ่ forever 4. ลากบลอ ็ กค าส ั ง ่ go to font layer อย ู ่ ในกล ุ ่ ม บลอ ็ ก Looks มาใส ่ ในบลอ ็ กค าส ั ง ่ forever เพ ื ่ อให ้ เมาส ์ หรอ ื เป้ ายง ิ อย ู ่ เลเยอร ์ บนตลอด

17 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง คลก ิ Costume เพ ื อ ่ ด ู ช ุ ดตว ั ละครล ู กโป่ ง

18 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง ล ู กโป่ งประกอบด ้ วยช ุ ดตว ั ละคร 3 ชุ ดหร ือ 3 ส ี สฟี ้ า สเ ี หลอ ื ง สม ี ่ วง

19 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง เม ื อ ่ ถ ู กยง ิ แล ้ วเก ิ ดภาพถ ู กยง ิ และล ู กโป่ งแตก ล ู กโป่ ง ล ู กโป่ ง ถูกยง ิ ล ู กโป่ ง แตก

20 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง 1. ท าการลบช ุ ดตว ั ละคร ล ู กโป่ งให ้ เหลอ ื สเ ี ดย ี ว 2. คลก ิ ขวา duplicate เพ ื อ ่ ท าซ้ าช ุ ดตว ั ละคร จะได ้ ช ุ ดตว ั ละคร มา 2 ชุ ด ดง ั ภาพ

20 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง 3. จากน ้ น ั ใช ้ เคร ื ่ องมอ ื Brush และเลอ ื กสข ี าว เพ ื ่ อวาด รอยเม ื ่ อล ู กโป ่ งโดนยง ิ 4.วาดรอยเม ื อ ่ ล ู กโป่ ง โดนยง ิ

21 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง 5.คลก ิ ขวา duplicate เพ ื อ ่ ท าซ้ าช ุ ดตว ั ละครท ่ ี 2

22 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง 6. ใช ้ เคร ื อ ่ งมอ ื Eraser (ยางลบ) เพ ื อ ่ ลบท า เป็ นรอยเม ื อ ่ ล ู กโป่ งแตกในช ุ ดตว ั ละครท ่ ี 3

23 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง ตอนน ้ เ ี ราจะได ้ ช ุ ดตว ั ละครล ู กโป ่ งใหม ่ ทง ้ ั 3 ชุด ท าการเปล ่ ย ี นช ื ่ อช ุ ดตว ั ละคร ดง ั น ้ ี balloon1 balloon2 balloon3

24 3. สร ้ างช ุ ดตว ั ละครให ้ ล ู กโป่ ง 7. คลก ิ เลอ ื กช ุ ดตว ั ละครและท าการเปล ่ ย ี นช ื อ ่

25 4. เขย ี นโปรแกรมให ้ ล ู กโป่ ง เคล ื อ ่ นท ่ ส ี ุ ่ มต าแหน ่ ง เขย ี นโปรแกรมให ้ ล ู กโป ่ งเคล ื อ ่ นท ่ จ ี ากด ้ านล ่ างขน ึ ้ ด ้ านบนจากการส ุ ่ มจ านวนและต าแหน ่ ง

26 1. ลากบลอ ็ กค าส ั ง ่ บลอ ็ ก when clicked เพ ื ่ อใช ้ เป็ นค าส ั ง ่ เร ิ ม ่ ต ้ นท างานตามบลอ ็ กค าส ั ง ่ ท ่ อ ี ย ู ่ ต ่ อจาก 2. ลากบลอ ็ ก Forever มาต ่ อ เป็ นการส ั ง ่ ให ้ บลอ ็ กค าส ั ง ่ ท ่ อ ี ย ู ่ ภายในน ้ ี ท างานวนซ้ าตลอด

27 3. ลากบลอ ็ กค าส ั ง ่ wait 1 seconds มาใส ่ ใน บลอ ็ กค าส ั ง ่ forever 4. ลากบลอ ็ กค าส ั ง ่ pick random 1 to 10 แล ้ ว เปล ่ ย ี นตว ั เลขเป็ น 0.3 to 1 มาใส ่ หลง ั wait เพ ื ่ อเป็ นค าส ั ง ่ การส ุ ่ มล ู กโป ่ งออกมา ในช่ วง 0.3-1 วน ิ าท ี

28 5. ลากบลอ ็ กค าสัง ่ create clone of myself ในกล ุ ่ มบลอ ็ ก Control เพ ่ อ ื ให้ ลูกโป่ งท าการโคลน ตวัเองออกมา 6. จากนน้ัลากบลอ ็ กค าสัง ่ when I start as a clone (เม ่ อ ื ฉนัเร ิ ม ่ การโคลน) ในกล ุ ่ มบลอ ็ ก Control

29 7. ลากบลอ ็ กค าสัง ่ go to random position เพ ่ อ ื ให้ ลูกโป่ งเก ิ ดการส ุ ่ มต าแหน ่ ง 8. เราจะให้ ลูกโป่ งส ุ ่ มต าแหน ่ งด้ านล ่ าง ตามแนวแกน y โดยลากบลอ ็ กค าสัง ่ set y to -180 มาต ่ อ

30 ก าหนดล ู กโป ่ งอย ู ่ ขอบล ่ าง อย ู ่ ต าแหน ่ งแกน y = -180 เม ื ่ อล ู กโป ่ งลอยขน ึ ้ ไปถง ึ ขอบบน อย ู ่ ต าแหน ่ งแกน y = 180 เกรด ็ ความร ู ้

31 9. จากนน้ัจะให้ ลูกโป่ งเล ่ อ ื นขนึ้ ไปทล ี ะ 5 ก้ าว เรอ ่ ื ยๆ โดยการลากบลอ ็ กค าสัง ่ repeat until (รอจนกระทั่ ง) มาต ่ อ 10. ลากบลอ ็ กค าสัง ่ change y by 5 มาใส ่ ในค าสัง ่ repeat until เพ ่ อ ื ให้ ลูกโป่ งเคล ่ อ ื นไปด้ านบนทล ี ะ 5 ก้ าว

32 11. ลากบลอ ็ กค าสัง ่ เคร ื่องหมาย = อยู ่ ในกล ุ ่ มบลอ ็ ก Operator มาใส ่ หลงั repeat until (รอจนกระทั่ ง) 12. ก าหนดค ่ ารอจนกระทั่ ง y = 180 โดยการลากบลอ ็ ก ค าสัง ่ y position = 180

33 13. เม ่ อ ื ลูกโป่ งลอยขนึ้ข้ างบนถงึต าแหน ่ งท ่ ี y = 180 แล ้ ว ให้ ลูกโป่ งท าการลบออกไป โดยใช้ ค าสัง ่ delete this clone

34 นก ั เรย ี นลองทดสอบโปรแกรมนะคะ ว ่ าตอนน ้ ล ี ู กโป ่ งของนก ั เรย ี นลอยขน ึ ้ มาหรอ ื ยง ั ? สง ั เกตไหมคะ ว ่ าล ู กโป่ งแรกของเรายง ั แสดงค ้ างอย ู ่ ท ่ เ ี วท ี เราไปท าการซ ่ อน ล ู กโป่ งไว ้ กน ั จ ้ า

35 14. ลากบลอ ็ กค าส ั ง ่ hide ในกล ุ ่ มบลอ ็ ก Looks เพ ื ่ อท าการซ ่ อนล ู กโป ่ งใบแรกท ่ แ ี สดงค ้ างอย ู ่ บนเวท ี น ามาต ่ อในบลอ ็ กค าส ั ง ่ แรก

36 15. แต ่ เม ื ่ อได ้ รบ ั ค าส ั ง ่ clone จง ึ ท าการแสดงล ู กโป ่ ง โดยลากบลอ ็ กค าส ั ง ่ show ในกล ุ ่ มบลอ ็ ก Looks มา ต ่ อบลอ ็ กค าส ั ง ่ when I start as a clone

37 5. เขย ี นโปรแกรมให ้ ล ู กโป่ งส ุ ่ มเปล ่ ย ี นส ี เขย ี นโปรแกรมให ้ ล ู กโป่ งท าการส ุ ่ มเปล ่ ย ี นสไี ปเร ื อ ่ ยๆ 1. ลากบลอ ็ กค าส ั ง ่ change color effect by 25 ในกล ุ ่ มบลอ ็ ก Looks มาต ่ อบลอ ็ กค าส ั ง ่ show

38 2. จากน ้ น ั ให ้ ท าการส ุ ่ มส ี โดยลากบลอ ็ กค าส ั ง ่ pick random 1 to 200 ในกล ุ ่ มบลอ ็ ก Operator มา ใส ่ หลง ั change color effect by เพ ื ่ อท าการส ุ ่ มส ี

39 6. เขย ี นโปรแกรม ให ้ ล ู กโป่ งแตกเมอ ่ ื โดนยง ิ เขย ี นโปรแกรมให ้ ล ู กโป่ งแตกเม ื อ ่ โดนยง ิ 1. ลากบลอ ็ กค าส ั ง ่ When I start as clone ในกล ุ ่ มบลอ ็ ก Control ออกมา

40 2. จากน ้ น ั ลากบลอ ็ กค าส ั ง ่ forever มาต ่ อ เพ ื ่ อให ้ ตรวจสอบการท างานตลอดเวลา

41 3. ลากบลอ ็ กค าส ั ง ่ if…then มาใส ่ ในบลอ ็ กค าส ั ง ่ forever เพ ื ่ อเป็ นการตรวจสอบเง ื อ ่ นไข 4. จากนน้ัท าการตรวจสอบเง ื่อนไข 2 เง ื่อนไข คอ ื การคลก ิ เมาส ์ ลง ไปและตวัเป้ ายง ิ สมัผสักบัลูกโป่ ง โดยลากบลอ ็ กค าสัง ่ and ในกล ุ ่ ม บลอ ็ ก Operator มาใส ่ หลงั if

42 5. จากนน้ัลากเงอ ่ ื นไขแรกมาใส ่ หน้ า and ค ือ mouse down ? อยู ่ ในกล ุ ่ มบลอ ็ ก Sensing คอ ื การคลก ิ เมาส ์ ลงไป 6. ลากเงอ ่ ื นไขท ่ ส ี องมาใส ่ หลงั and ค ือ touching … เปล ่ ย ี นจาก mouse-pointer เป็ น shooter (เป้ ายง ิ ) อยู ่ ในกล ุ ่ มบลอ ็ ก Sensing

43 7. เม ่ อ ื เก ิ ด 2 เงอ ่ ื นไขน้ี จะท าให้ ลูกโป่ งแตก โดยการ ลากบลอ ็ กค าสัง ่ switch costume to balloon 2 อยู ่ ในกล ุ ่ มบลอ ็ ก Looks คอ ื ลูกโป่ งก าลงั โดนยง ิ 8. ลากบลอ ็ กค าสัง ่ wait 0.2 seconds มาต ่ อ เพ ่ อ ื เป็ นการ รอ 0.2 วน ิ าท ี ก ่ อนท ่ จ ี ะเปล ่ ย ี นช ุ ดเป็ นลูกโป่ งแตก

44 9. ลากบลอ ็ กค าสัง ่ switch costume to balloon 3 อยู ่ ในกล ุ ่ มบลอ ็ ก Looks คอ ื ลูกโป่ งแตก 10. ลากบลอ ็ กค าสัง ่ wait 0.2 seconds มาต ่ อ เพ ่ อ ื เป็ นการรอ 0.2 วน ิ าท ี ก ่ อนท ่ ล ี ูกโป่ งจะโดนลบหายไป

45 11. ลากบลอ ็ กค าสัง ่ delete this clone อยู ่ ใน กล ุ ่ มบลอ ็ ก Control คอ ื การลบลูกโป่ ง

46 7. ใส ่ ฉากหลง ั ให ้ สวยงาม 1. ท าการใส ่ ฉากหลง ั ให ้ สวยงาม โดยคลก ิ เลอ ื ก choose a backdrop