ตัวอย่างหนังสือ Scratch

���� ������.indd 1 17/12/2563 BE 17:13

สนกุ กับการ Coding ด้วย Scratch 3.0 (Primary Level) Writer ดวงพร เก๋ยี งค�ำ Editor พษิ ณุ ปุระศริ ิ [email protected] Graphic Designers ชวนันท์ รัตนะ, สริ ิลกั ษณ์ วาระเลิศ Page Layout จตรุ งค์ ศรวี ิลาศ Proofreaders สุนทรี บรรลือศกั ดิ,์ เกษรา พรวัฒนมงคล Publishing Coordinators วรพล ณธิกุล, สุพัตรา อาจปรุ, พพิ ัฒน์ อ้อสถติ ย์ MapReduce เปน็ เคร่ืองหมายการค้าของบริษทั Google, Hadoop เป็นเครื่องหมายการคา้ ของบริษัท Yahoo, Apache Hive เป็นเครื่องหมายการค้าของบรษิ ทั Facebook, Spark เป็นเครือ่ งหมายการค้าของมหาวิทยาลยั California และเครื่องหมาย การคา้ อ่นื ๆ ที่อ้างถึงเปน็ ของบรษิ ทั นน้ั ๆ บรษิ ทั ไอดีซี พรีเมียร์ จำ�กดั จัดตงั้ ข้ึนเพื่อเผยแพร่ความรทู้ ีม่ ีคุณภาพสู่ผ้อู า่ นชาวไทย เรายินดรี ับงานเขียนของนักวิชาการและ นักเขียนทกุ ท่าน ท่านผสู้ นใจกรุณาตดิ ต่อผ่านทางอีเมลท่ี [email protected] หรือทางโทรศพั ทห์ มายเลข 0-2962-1081 (อตั โนมตั ิ 10 คสู่ าย) โทรสาร 0-2962-1084 สรา้ งสรรคโ์ ดย จัดพิมพแ์ ละจดั จำ� หน่ายโดย พมิ พค์ รง้ั ท่ี 1 ธันวาคม 2563 บริษทั ไอดีซี พรีเมียร์ จำ� กดั 200 หมู่ 4 ชั้น 19 ห้อง 1901 ข้อมลู ทางบรรณานุกรม อาคารจสั มนิ อินเตอรเ์ นชัน่ แนลทาวเวอร์ ถ.แจ้งวฒั นะ อ.ปากเกร็ด จ.นนทบุรี 11120 ดวงพร เกีย๋ งค�ำ โทรศพั ท์ 0-2962-1081 (อตั โนมัติ 10 คสู่ าย) สนกุ กบั การ Coding ด้วย Scratch 3.0 (Primary Level) โทรสาร 0-2962-1084 นนทบุรี : Í´Õไä อดซี ฯี , 2563 ลกู ค้าสมั พันธ์ 272 ËหéÒ¹ นา้ โทรศพั ท์ 0-2962-1081-3 ต่อ 121 1. การเขยี นโปรแกรมโดยใชภ้ าษาเฉพาะชนิด โทรสาร 0-2962-1084 I ชอื่ เรื่อง ร้านค้าและตัวแทนจ�ำหน่าย 005.262 โทรศพั ท์ 0-2962-1081-3 ต่อ 112-114 ISBN 978-616-487-184-7 โทรสาร 0-2962-1084 ราคา 275 บาท ���� ������.indd 2 17/12/2563 BE 17:13

PPRREEFFAACCEE เด็กๆ ในยุคของ Gen Z ที่เติบโตมาพร้อมกับความสะดวกสบายมากมายรอบตัว มีเทคโนโลยีที่ทันสมัยสามารถเรียนรู้ได้เร็ว มีพฤตกิ รรมการใชโ้ ทรศัพท์มือถอื แทบ็ เล็ต คอมพวิ เตอร์โน้ตบคุ๊ ท่ีมาพรอ้ มกบั การใช้งานอนิ เทอรเ์ นต็ มตี วั ตนอยใู่ นโซเซยี ลเน็ตเวิร์ค เสพติดการเชือ่ มต่อและออนไลน์ จนมาถึงยุคไวรัสโควิด-19 ระบาด ตอ้ งอยูท่ บี่ า้ นเรยี นหนังสอื แบบออนไลน์ ทำ� ให้ชวี ติ เข้าไปอยใู่ น โลกออนไลน์กันมากย่ิงขึ้น เราจะเหน็ วา่ เดก็ 4 ขวบสามารถใชม้ ือถอื แท็บเลต็ ในการสรา้ งการเรยี นรู้ เลน่ เกม หรือหาความบนั เทิง ในดา้ นตา่ งๆ ไดอ้ ย่างคลอ่ งแคลว่ ด้วยความที่เทคโนโลยีมีการเปล่ียนแปลงตลอดเวลา บุคลากรสายงาน Programmer & Developer จะเนื้อหอมเป็นที่ต้องการ ของบริษัทต่างๆ เพราะธุรกิจมีการเร่งพัฒนาระบบงานต่างๆ ไม่ว่าจะเป็นเว็บไซต์ และแอพพลิเคชันที่รองรับการใช้งานบนสมาร์ท ดีไวซ์ทุกแฟลตฟอร์ม เด็กหลายคนสนใจอยากเข้าไปมีส่วนร่วมคือ การน�ำเทคโนโลยีเหล่าน้ีมาเป็นนักสร้างเกม สร้างแอพ เป็น นักโปรแกรมเมอร์ นักเขียนโปรแกรม ก็ต้องเรียนรู้การเขียนโปรแกรมด้วยภาษาคอมพิวเตอร์ ซ่ึงจะต้องเร่ิมจากพ้ืนฐานการใช้งาน งา่ ยๆ แล้วพัฒนาไปถงึ การเขียนโค้ด (Coding) ภาษายากๆ เด็กๆ ทต่ี ้องการเขยี นโปรแกรมสามารถเร่ิมตน้ การเขียนโปรแกรมด้วย Scratch ท่วี างพื้นฐานดว้ ยการใช้บลอ็ กสรา้ งช้ินงานได้อยา่ ง ง่าย เชน่ นทิ านที่สามารถโตต้ อบกบั ผ้อู า่ นได้ ภาพเคลอื่ นไหว เกม ดนตรี และศลิ ปะ มีการเรยี นรหู้ ลักการและแนวคิด และการคดิ อย่างสรา้ งสรรคไ์ ปตามตรรกะ (Logic) และเหตุผลตามหลกั ของการพฒั นาโปรแกรมมาตรฐานด้วยภาษาต่างๆ แต่ Scratch จะให้ เด็กๆ เขยี นโปรแกรมด้วยการนำ� บลอ็ ก (Block) ค�ำส่งั มาเรียงตอ่ กันเหมอื นการต่อจิ๊กซอว์ เพ่ือสร้างสรรคช์ ุดคำ� ส่งั ใหต้ วั ละครทำ� งาน ตามคำ� สง่ั เป็นไปตามลำ� ดับข้นั ตอนและเงือ่ นไขทก่ี �ำหนด หนงั สือ “สนกุ กับการ Coding ด้วย Scratch 3.0 (Primary Level)” เลม่ นี้ เด็กๆ อายตุ ง้ั แต่ 6 ขวบขึ้นไปสามารถเรยี นรแู้ ละใช้งาน ได้ จะมีเมนูภาษาไทยและภาษาอังกฤษ พร้อมกับตัวอย่างงานและภาพประกอบท่ีสวยงาม อธิบายตามล�ำดับขั้นตอน ผู้ปกครองก็ สามารถเรียนรูแ้ ละชว่ ยสอน หรอื ชแ้ี นะบุตรหลานเพ่มิ เติม เพราะ Scratch เป็นโปรแกรมที่เยาวชนมากกวา่ 140 ประเทศท่ัวโลก น�ำมาสรา้ งพืน้ ฐานความรู้ เพื่อจุดประกายความรูใ้ หเ้ ดก็ ๆ ไดเ้ ข้าไปสมั ผัสกับการเขยี นโปรแกรมคอมพวิ เตอร์วา่ ทำ� ได้งา่ ยไม่ยากเลย ค่ะ ลองน�ำหนงั สอื เลม่ นีม้ าศกึ ษาดกู ่อนได้ หนงั สอื เลม่ นเ้ี ปน็ การเขยี นโปรแกรมพน้ื ฐานเรมิ่ ตน้ สำ� หรบั เดก็ กลมุ่ เปา้ หมายหลกั เปน็ เดก็ ๆ ซง่ึ ถอื วา่ เปน็ งานหนิ เหมอื นกนั เพราะไม่ไดเ้ ขยี นหนงั สือเด็ก หรอื สอนเดก็ ๆ มานานมาก จ�ำไดเ้ ม่อื นานเกือบ 30 ปี เคยสอนเด็กเขยี นโปรแกรมด้วยภาษา “Basic” โอย๊ ยย… กวา่ จะเขยี นขอ้ ความ 1 ประโยคแสดงในหนา้ จอ ตอ้ งเขยี นโคด้ กนั เปน็ 10 บรรทดั คำ� วา่ “Hello World” เปน็ ขอ้ ความทนี่ กั โปรแกรมเมอรร์ นุ่ เกา่ รจู้ กั กนั ดี เพราะเปน็ ขอ้ ความฮติ ทใี่ ชแ้ สดงตวั อยา่ งการแสดงขอ้ ความ ตอนทนี่ อ้ งหนง่ึ บ.ก. สง่ ขอ้ ความมาถามวา่ พต่ี อ๋ ยอยากเขยี นหนงั สอื Scratch มย้ั เขยี นโปรแกรมสำ� หรบั เดก็ กร็ บี ตอบไปวา่ ไมไ่ ดม้ งั้ แตพ่ อได้ มาดคู อนเซป็ ตแ์ ละลองเลน่ ดู เออนา่ รกั ดนี ะ ดว้ ยความทต่ี วั เองเปน็ คนชอบตวั การต์ นู ทำ� อะไรทเ่ี ปน็ การต์ นู เหมอื นเดก็ ๆ เลย ตอบตกลงเขียน เขยี นไปเขยี นมาก็สนกุ ดี ต้องสรา้ งสรรคจ์ ินตนาการไปแบบเดก็ ๆ ลดอายไุ ปได้หนอ่ ย (^-^) ขอขอบคุณทางส�ำนักพิมพ์ไอดีซี พรีเมียร์ ที่มีแนวคิดในการจัดท�ำหนังสือเล่มน้ี ขอบคุณน้องหนึ่ง (คุณพิษณุ ปุระศิริ) ที่ชกั ชวนให้ทำ� และเป็น บ.ก. ตรวจทานหนังสอื เล่มน้ี หวงั วา่ หนงั สอื เล่มนจ้ี ะมปี ระโยชนต์ ่อเด็กๆ เพอื่ นำ� มาเป็นพืน้ ฐานการ เร่ิมต้นเข้าสู่การเป็นนักพัฒนาโปรแกรมในอนาคต อ่านหนังสือแล้วก็ติดตามคลิปสอน Scratch เพ่ิมเติมได้ที่ YouTube Channel นะคะ ดวงพร เก๋ยี งคำ� (ต๋อย) ชอ่ งทางติดตอ่ นักเขียน Facebook : Duangporn Kiengkam E-Mail : [email protected] YouTube Channel : Duangporn Toy ���� ������.indd 3 17/12/2563 BE 17:13

Lesson 1 เรม่ิ ตน้ กบั Scratch 1 ดาวน์ โหลดและตดิ ตัง้ แอพ Scratch 2 วิธที ่ี 1 : ดาวน์โหลดจากเวบ็ ไซต์ 2 ดาวน์ โหลด/ติดตัง้ จากเว็บไซต์ Microsoft ผา่ นบราวเซอร์ 3 ดาวน์ โหลด/ตดิ ตัง้ จากแอพ Store บน Windows 10 3 ใชง้ าน Scratch ผา่ นบราวเซอร์ (Online Editor) 5 หน้ าตาแอพ Scratch บนเดสกท์ อป (Desktop) 7 แทบ็ การท�ำงานพ้ืนฐานของ Scratch 8 Stage : เวท ี 10 เพ่ิมสไปรต์ (Add New Sprite) 11 ตรวจสอบตัวละครและคอสตมู 13 ปรบั แต่งคุณสมบตั ขิ องสไปรต ์ 14 Size : ก�ำหนดขนาดสไปรต ์ 14 Direction : ก�ำหนดทศิ ทางสไปรต์ 15 Position : ต�ำแหน่งของสไปรตบ์ นเวที 15 การจดั การสไปรต์ 16 Move : ยา้ ยต�ำแหน่งสไปรต ์ 16 Show/Hide : ซอ่ น/แสดงสไปรต์ 16 Rename : เปล่ียนชอื่ สไปรต ์ 17 Delete Sprite : ลบสไปรต์ 17 เพ่ิมฉากหลัง (Add Backdrop) 18 Upload Backdrop : อพั โหลดภาพฉากหลัง 19 สลบั การใชง้ าน Backdrop 20 วาดฉากหลังข้ึนใหม ่ 21 ตัวอยา่ งการใส่โค้ดเพ่ือเปล่ียนฉากหลัง 24 หน้าต่างการเพ่ิม Backdrop ภาษาไทย 25 ศึกษาเรยี นรูจ้ ากบทเรยี น (Tutorials) 26 I 17/12/2563 BE 17:13 ���� ������.indd 1

CONTENTs ส�ำรวจตวั อยา่ งโปรเจ็กต์ (Project) 27 การใชง้ านบทเรยี น (Tutorials) 28 เข้ารว่ มในชุมชนออนไลน์ 29 ตัวอย่างการอพั โหลดผลงานข้ึนสู่ Studio ตามชอื่ บัญชี 32 Save to your computer : บันทกึ ลงในคอมฯ 33 Lesson 2 Sprite Costume ออกแบบตวั ละคร 35 Sprite Costume (สไปรตค์ อสตูม) 36 การเลือกคอสตูมเมนภู าษาไทย 37 คอสตูมการแตง่ กายของตวั ละคร 38 Duplicate Sprite : ทำ� ซ้ำ� หรอื ก็อปป้ ีสไปรต ์ 39 เพ่ิมคอสตมู (Choose a costume) 40 ปรบั แต่งดดั แปลงคอสตมู เดิม 41 Flip Horizontal : พลิกกลับด้านคอสตูมแนวนอน 41 Flip Vertical : พลิกกลบั ด้านคอสตมู แนวตงั้ 41 Copy/Paste : คัดลอกและวางคอสตูม 42 ปรบั ขนาด และหมนุ คอสตูม 43 การเลือกพ้ืนทใ่ี นคอสตูม (Select) 44 คลิกลากคลมุ เลือกออบเจก็ ต ์ 45 Group/Ungroup : จดั กล่มุ แยกกลมุ่ รูปรา่ ง 46 เทคนิ คการเปล่ียนสีคอสตูม (Color) 48 Fill Color : เลือกสีพื้น 48 Outline Color : ก�ำหนดสีเส้น 49 เปล่ยี นสีด�ำ (Black Color) 50 Delete : ลบคอสตูม 51 Undo : ยกเลกิ การกระท�ำ หรอื ยกเลกิ ความผดิ พลาด 51 เทคนิ คการสรา้ งคอสตูมใหม ่ 52 การอพั โหลดคอสตูมจากรูปภาพท่มี ี 56 II ���� ������.indd 2 17/12/2563 BE 17:13

ใส่ขอ้ ความลงในคอสตมู 58 การใช้ Effect (เอฟเฟ็กต)์ กับตัวละคร 59 ตัวอยา่ งการเปล่ียนสีตัวละคร 60 Lesson 3 61 Scratch Blocks การวางบล็อกโค้ด 62 63 ภาษา Scratch ท�ำงานอย่างไร 64 หลักการเขยี นโค้ด 65 แทบ็ Code : แทบ็ โค้ดในการเขียนโปรแกรม 65 Motion : เคลือ่ นไหว 66 Looks : รูปลกั ษณ์ 66 Sound : เสียง 67 Events : เหตกุ ารณ์ 68 Control : ควบคุม 69 Sensing : ตรวจจับ 70 Operators : ตวั ด�ำเนินการ 70 Variables : ตัวแปร 71 My Blocks : บลอ็ กของฉัน 75 Extension : ส่วนขยายของโปรแกรม 76 Go/Stop : รนั โค้ดและหยดุ การรนั 77 วธิ กี ารใส่โค้ด 77 เทคนิ คการทดสอบโค้ดก่อนวางบลอ็ ก 78 หาต�ำแหน่ง x, y บนเวที 79 เปิดดตู ัวเลอื กกอ่ นวางบล็อก 80 Blocks : บลอ็ กโค้ดกับการเขียนโปรแกรม 82 เรม่ิ ตน้ เขยี นโปรแกรม 84 Control : ใส่บล็อกควบคุมการทำ� งาน 84 การจดั การบล็อกโค้ด Delete : ลบบลอ็ กโค้ด 17/12/2563 BE 17:13 III ���� ������.indd 3

คลกิ ลากท้งิ เพื่อยกเลิกบล็อกโค้ด CONTENTs สลับต�ำแหน่งและยกเลกิ บล็อก ขยบั /ย้ายต�ำแหน่งบล็อก 84 บลอ็ กท่มี ตี วั เลอื ก (Options) 85 การใชง้ านบลอ็ กท่ซี อ้ นกนั และเก่ียวขอ้ งสัมพันธก์ นั 85 ก�ำหนดขนาดหน้ าจอท�ำงาน 87 87 Lesson 4 88 Coding การเขยี นโค้ด 89 หลักการทำ� ภาพเคล่อื นไหว 90 ประเภทของภาพเคลอ่ื นไหว 90 สรา้ งภาพเคลอ่ื นไหวอยา่ งงา่ ย 91 เพ่ิมโค้ดให้เดนิ หลายๆ รอบ 92 การสลบั คอสตมู ของตวั ละคร (Sprite) 93 การเคลอ่ื นท่ตี ามทศิ ทาง (Direction) 95 ใชบ้ ล็อก point in direction 97 การหัน (turn) ไปตามองศาท่กี �ำหนด 98 การเคลอ่ื นท่แี บบส่มุ (Random Position) 99 บลอ็ กทใ่ี ชง้ านต�ำแหน่ง x, y บนเวที 101 เลือกตวั แปรแสดงต�ำแหน่ง x, y และ direction บนเวท ี 101 การหาต�ำแหน่ง x, y แบบงา่ ยๆ 102 ตวั อย่างการสรา้ งภาพเคลื่อนไหวดว้ ย go to x, y 103 การเคลอ่ื นท่แี บบ glide (เหิน) 104 ตัวอย่างการเคลอื่ นไหวและเปล่ียนสีตัวละคร 105 ก�ำหนดให้ตัวละครเคลื่อนท่ไี ปรอบเวที 107 เพ่ิมตวั ควบคุม forever 107 การเคลื่อนไหวไปตามตัวชเ้ี มาส์ 108 การใช้ go to mouse-pointer 108 ���� ������.indd 4 IV 17/12/2563 BE 17:13

สรา้ งการเคล่ือนไหวด้วย point towards mouse-pointer 110 if on edge, bounce : เม่อื ชนขอบเวทใี ห้เดง้ กลบั 111 การเคลอ่ื นทด่ี ้วยการกดปุ่มบนแป้นพิมพ์ 112 การตรวจสอบการกดป่มุ บนแป้นพิมพ์ (key pressed) 114 การเคล่อื นทแ่ี ละปรบั ขนาด (Size) 116 การเปล่ยี นฉากหลัง (Backdrop) 117 เพ่ิมตัวละครและฉากหลัง 117 การเปล่ยี นฉากหลงั อตั โนมตั ิ 119 การเปล่ยี นฉากหลังท่ซี บั ซอ้ น 120 ก�ำหนดโค้ดการเคลอื่ นท่ี และเปล่ียนฉากหลัง 120 การกระจายขอ้ ความ (broadcast) 122 ก�ำหนดโค้ดการรบั ขอ้ ความท่สี ่งมาให้กบั ตัวละครท่ี 2 123 Lesson 5 125 broadcast กระจายข้อความ 126 126 การส่ งข้อความบรอดคาสต์ 127 broadcast : การสรา้ งข้อความทต่ี ้องการแจ้งออกไป 128 when I receive : รบั ข้อความท่ี broadcast มา 129 ตวั อยา่ งการส่งขอ้ ความ และรอตอบกลับ (broadcast and wait) 132 เทคนิ คการกระจายข้อความงา่ ยๆ 133 สรา้ งบทการโต้ตอบระหว่างตวั ละคร 133 Variables : สรา้ งตัวแปรเก็บค�ำตอบ 133 ask : สรา้ งค�ำถาม และรบั ค�ำตอบจากผใู้ ช้ 134 join : เชอ่ื มขอ้ ความจากตัวแปร และ say 136 ตรวจสอบโค้ดและผลลพั ธ์ 138 สรา้ งการทกั ทายจากตัวละคร เทคนิ คการปรบั คอสตมู 17/12/2563 BE 17:13 V ���� ������.indd 5

Lesson 6 CONTENTs Events & Control ควบคมุ การทำ� งาน   139 Events : เหตุการณ์ 140 บลอ็ กควบคุมการทำ� งานของโปรแกรม 143 wait : หน่ วงเวลา หรอื ให้รอก่อนทำ� งานอน่ื ตอ่ 144 wait until : ให้หยดุ รอจนกระทงั่ ตรงกับเงอ่ื นไข 145 repeat : การทำ� งานแบบวนซ้ำ� (Loop) 147 forever : วนซ้ำ� ตลอด 148 repeat until : ท�ำซ้ำ� จนเจอเงอ่ื นไขทเ่ี ป็นจรงิ 149 if : ให้ท�ำงานตามเงอื่ นไขทก่ี �ำหนด 150 if-then : ถ้าเงอื่ นไขเป็นจรงิ แลว้ ท�ำอะไร 150 if-then-else : ตรวจสอบเงอื่ นไขจรงิ -เทจ็ ท�ำอะไร 152 if-touching color : ถ้าแตะโดนสีให้ท�ำอะไร 154 ตวั อย่างการตรวจจบั การแตะสี 155 Cloning Sprite : การโคลนตวั ละคร 158 การโคลนตวั ละคร 1 ตวั 158 Multiple Cloning : โคลนตัวละครหลายๆ ตวั 159 Delete Clone : ลบตัวละครท่โี คลน 159 ตวั อย่างการโคลนตวั ละคร 160 Lesson 7 161 Variables ตวั แปรเกบ็ ขอ้ มูล 162 162 Variables : ตัวแปร 163 Make a Variable : สรา้ งตัวแปรใหม่ 163 เรยี กใชต้ วั แปร และตัง้ ค่าตวั แปร 166 ใชต้ ัวแปรเกบ็ คะแนน   169 การเกบ็ คะแนนจากการตอบค�ำถาม ตัวอยา่ งโปรแกรมเกมคูณเลขหลายๆ ข้อ VI ���� ������.indd 6 17/12/2563 BE 17:13

แสดงค่าตวั แปร 170 171 ใช้ if ตรวจสอบค่าตวั แปร 172 172 การจัดการตวั แปร 172 Rename variable : เปล่ียนชอื่ ตวั แปร 173 Delete variable : ลบตวั แปร 173 174 Make a List : สรา้ งตัวแปรแบบรายการ 174 ซอ่ น-แสดงกรอบรายการตัวแปร 175 การเพ่ิมค่าในตัวแปรแบบ List 176 การลบค่าตัวแปรออกจาก List 177 การใชง้ านตัวแปรแบบ List 177 ซอ่ น/แสดงกรอบรายการขอ้ มูล 178 เพ่ิม-ลบรายการในตัวแปรดว้ ยการพิมพ์ลงไปได้   178 ใช้ if (ถา้ ) เอาค่าตัวแปรมาก�ำหนดเงอ่ื นไขได้ 178 179 การใชต้ ัวแปรมาทำ� เกม 179 ก�ำหนดโค้ดให้ตัวละครลิง 180 เพ่ิมฉากหลัง และสรา้ งฉากเพ่ิมใหม่ วางบล็อกโค้ดกลมุ่ การทำ� คะแนน และเก็บคะแนน 181 ใส่บล็อกโค้ดให้ตัวละครกลว้ ย (Bananas) โค้ดโปรแกรมภาษาองั กฤษ 182 183 Lesson 8 183 184 ใช้ Pen ใหส้ ไปรต์วาดภาพ 184 185 เพ่ิมส่วนขยาย Pen (ปากกา) 186 บล็อกของปากกา 187 เรม่ิ ต้นวาดเส้นแบบงา่ ยๆ วาดรูปทรงส่ีเหล่ยี ม 17/12/2563 BE 17:13 การวาดรูปวงกลม วาดวงกลมสีรุง้ ด้วยการเปล่ยี นสีขณะวาด วาดเส้นไปรอบๆ เวท ี วาดเส้นวงกลมซอ้ นๆ กัน VII ���� ������.indd 7

Half Rainbow : วาดเส้นวงกลมสีรุง้ ครง่ึ วง CONTENTs ซอ่ นตวั ละครขณะท่วี าดรูป ตัวอยา่ งการวาดรูปทรงแบบต่างๆ 189 stamp : ป๊ ัมตวั ละครเพ่ิมดว้ ยเมาส์ 191 ป๊ ัมตัวละคร และเปล่ียนขนาด (Stamp & Resize) 192 193 Lesson 9 194 Sound & Music เสยี งประกอบและดนตรี 195 ใส่เสียงประกอบการแสดงตวั ละคร 196 ตงั้ ระดบั เสียงสูงต่�ำ และแพนเสียงซา้ ย/ขวา 197 การเพ่ิมเสียง และลดเสียง 197 สรา้ งเสียงดนตรจี ากตัวละคร 198 ปรบั แต่งเสียงจากแทบ็ Sounds 199 การปรบั แตง่ เสียง 200 Record : บนั ทกึ เสียง 202 เพ่ิมเสี ยงดนตร ี 204 อัพโหลดเสียงจากเครอื่ งคอมฯ 205 เพ่ิมเสี ยงดนตร ี 206 ใส่เสียงแบค็ กราวน์ 207 สรา้ งเสียงดนตรี (Music) 208 ประเภทเครอ่ื งดนตรี (Instrument) 209 การเลอื กเครอ่ื งดนตรที ่จี ะเลน่ 209 บล็อก และตัง้ ค่าเครอื่ งดนตร ี 210 play note : เลน่ ดนตรตี ามตวั โน้ ต 211 ก�ำหนดค่าตวั โน้ ต 212 สรา้ งเสียงเพลง “Happy Birthday” 213 สรา้ งเสียงเพลง “หนมู าล”ี ตามตวั โน้ ต 214 ���� ������.indd 8 VIII 17/12/2563 BE 17:13

Lesson 10 215 Extension การทำ� งานอ่นื ๆ 216 216 Text to Speech : อา่ นออกเสียงข้อความ 217 ตงั้ ค่าการอ่านตามขอ้ ความท่เี ขียน 217 การใช้ Text to Speech : อ่านออกเสียงข้อความ 218 การอ่านขอ้ ความ answer จากผใู้ ช้ 218 translate : แปลข้อความ 219 การเพ่ิมบล็อก Translate 219 แสดงขอ้ ความจากการแปลภาษา 220 สรา้ งการสนทนา และการแปลภาษาระหว่างตวั ละคร 221 Video Sensing 221 การตรวจจบั วิดีโอตามเงอื่ นไข if-then-else 222 ปิดและเปิดกลอ้ งวิดีโอ ส่วนขยายอนื่ ๆ 223 Lesson 11 224 224 My Blocks บลอ็ กของฉัน 225 226 สรา้ ง My Blocks เก็บการทำ� งาน 227 การสรา้ ง My Blocks 228 การใชง้ าน My Blocks แบบหมวก 229 การแก้ไขโค้ด My Blocks 229 สรา้ งบลอ็ ก My Blocks แบบรบั ค่า 231 การใชง้ านบล็อกรบั ค่าทส่ี รา้ งใหม่ 231 น�ำบลอ็ กรบั ค่าอนิ พตุ ตัวเลขมาใชง้ าน 232 เพ่ิมบลอ็ กวาดรูปทรงเรขาคณิตแบบอื่นๆ 233 ตัวอย่างการสรา้ ง My Blocks หลายๆ ตวั 234 รายละเอียดการท�ำงานของบล็อกแต่ละชุด เปล่ยี นแปลงรูปทรงและสีไดง้ า่ ยๆ 17/12/2563 BE 17:13 Edit Blocks การแก้ไข My Blocks Delete Blocks การลบ My Blocks IX ���� ������.indd 9

Lesson 12 CONTENTs ตัวอย่างงาน และสรา้ งไฟล์ .exe 235 สรา้ งเกมแมวบินเก็บรูปหัวใจ 236 เพ่ิมตัวแปรเก็บคะแนน 238 แสดงคะแนนแบบคิด (think) 239 นับคะแนนแล้วเปล่ยี นฉากหลงั 239 เกมจับคู่เหมือน 240 เตรยี มตัวละครและฉากหลัง 240 สรา้ งตวั แปรเก็บคะแนน 240 ใส่โค้ดการจับเวลาเพ่ือจบเกม (Game Over) 241 ก�ำหนดโค้ดบลอ็ กตัวละครผเี ส้ือ 1 (Butterfly 1) 241 ก�ำหนดโค้ดบลอ็ กให้ตวั ละครผเี ส้ือ 2 (Butterfly 2) 242 ก�ำหนดโค้ดบลอ็ กตัวละครนก (Dove) 242 แสดงค่าตัวแปร และตวั จบั เวลา (timer) 243 รนั โค้ดทดสอบเกมจบั คู่ 243 สรา้ งเกมเก็บคะแนนแบบงา่ ยๆ 244 โค้ดบล็อกของฉากหลัง (Backdrop) 244 โค้ดบลอ็ กของตวั ละครค้างคาว 244 โค้ดบล็อกของตวั ละครโดนัท 244 โค้ดบล็อกของตัวละครแมลงเต่าทอง 245 รนั โค้ดเลน่ เกมกินโดนัท 245 สรา้ งแมวบิน และเพ่ิมขนาด 246 ก�ำหนดบลอ็ กโค้ด 247 แปลงไฟล์ Scratch เป็นไฟล์ .exe 248 แปลงไฟล์ Scratch (.sb3) เป็นไฟล์ .html กอ่ น 248 เปิดโฟลเดอรท์ ่เี กบ็ ไฟล์ html 249 โหลดไฟล์จาวาเว็บแอพ nw.js 250 สรา้ งไฟล์ package.json 251 การน�ำไฟล์ .exe ไปแชรใ์ ห้กบั คนอื่น 253 เพ่ิมไอคอนให้กับไฟล์ 254 กรณีรนั ไฟล์ .exe ไม่ผา่ น 254 ���� ������.indd 10 X 17/12/2563 BE 17:13

บนั ทึก XI 17/12/2563 BE 17:13 ���� ������.indd 11

Lesson 1 เริม่ ต้นกบั Scratch Scratch เปน็ ภาษาการเขยี นโปรแกรมภาพ Scratch ได้ถูกใช้ในประเทศต่างๆ กว่า แบบบลอ็ ก (Block) เปน็ Visual Programming 150 ประเทศ และมีภาษาให้เลือกถึง 40 ภาษา Language คุณสามารถเขียนโปรแกรมเรื่อง นกั เรยี นสามารถเรยี นรดู้ ว้ ย Scratch ในทกุ ระดบั ราวแบบโต้ตอบ เกม และแอนิเมชันได้ และ (ต้ังแต่ประถมศึกษาจนถึงระดับมหาวิทยาลัย) แบ่งปันส่ิงที่คุณสร้างกับคนอ่ืนๆ บนชุมชน และหลากหลายสาขา (เชน่ คณติ ศาสตร์ วทิ ยาการ ออนไลน์ Scratch สง่ เสริมให้เด็กๆ เรียนรู้ทจ่ี ะ คอมพวิ เตอร์ ศลิ ปภ์ าษา สงั คมศกึ ษา) คิดแบบสร้างสรรค์ คิดอย่างมีเหตุผลเป็นระบบ Scratch มีชุมชนผู้ใช้ที่เด็กๆ สามารถ และท�ำงานร่วมกัน ซึ่งเป็นทักษะจ�ำเป็นส�ำหรับ เขียนโปรแกรม และแบ่งปันสื่อในรูปแบบ ชวี ิตในศตวรรษท่ี 21 Scratch เปน็ โครงงานของ ต่างๆ สามารถผลิต Digital Media เชน่ นิทาน, กลุ่ม Lifelong Kindergarten ณ MIT Media เกม และแอนิเมชัน Interactive Stories, Lab ใหใ้ ชโ้ ดยไมม่ คี ่าใช้จา่ ย Animations and games ได้คล้ายกับการใช้ โปรแกรม Flash หรือ Swift แตใ่ ช้งานงา่ ยกว่า มตี วั ละครและฉากที่ใชส้ รา้ งเร่อื งราวตา่ งๆ lesson_1.indd 1 28/12/2563 BE 16:19

สนกุ กบั การ Coding ด้วย Scratch 3.0 (Primary Level) หน้าตาแอพ Scratch บนเดสก์ทอป (Desktop) เปน็ การใชง้ านแอพบน Windows หรอื iOS ทีท่ �ำงานบนเดสก์ทอป เม่ือเรยี กเปิดแอพ Scratch ขน้ึ มา เราจะเจอ กับพน้ื ที่การทำ� งาน (Interface) ซ่งึ จะแบ่งเปน็ 3 ส่วนหลกั ๆ คอื พนื้ ทีอ่ อกแบบเกม และภาพเคล่ือนไหว ซงึ่ จะใช้ในการ วางตวั ละคร หรอื จะเรียกวา่ Sprite (สไปรต)์ และก�ำหนดโคด้ เพื่อใหต้ วั ละครมีการเคลอ่ื นไหว หรอื ทำ� อะไรตอนไหนบ้าง ส่วนดา้ นบนสุดท่แี ถบไตเตลิ บารค์ ือ คำ� วา่ Scratch Desktop เมนูภาษาอังกฤษ Stage/เวที สไปรต์ ฉากหลงั คลกิ เปลีย่ นเมนู ไทย/English พน้ื ท่วี างโคด้ (Code) Sprite : สไปรต์ (ตวั ละคร) คณุ สมบตั ขิ องสไปรต์ เมนูภาษาไทย ฉากหลัง ตัวละคร lesson_1.indd 7 7 28/12/2563 BE 16:19

สนุกกับการ Coding ดว้ ย Scratch 3.0 (Primary Level) เพมิ่ สไปรต์ (Add New Sprite) การสร้างโปรเจ็กต์ใหม่จะมีตวั ละคร หรอื Sprite (สไปรต์) 1 ตัว หรือก่ีตวั กไ็ ด้ ขน้ึ อยู่กับเนื้อเร่อื งที่เราสร้างวา่ ต้อง มีตวั ละครใดบ้าง การเพิ่มสไปรต์ท�ำได้งา่ ยๆ โดยคลิกปุ่ม Choose a Sprite ซ่ึงแอพจะมีสไปรตใ์ ห้เลอื กมากมายโดยแบง่ ออกเป็นหมวดๆ ตามประเภท เช่น สัตว์, กีฬา, เต้นร�ำ, ดนตรี และอ่ืนๆ หรือจะเลือก Paint วาดภาพตัวละครขึ้นมา ใชง้ านเองกไ็ ด้เช่นเดียวกนั  เมอื่ เราเปดิ โปรแกรม Scratch เขา้ มาครง้ั แรก หรอื ใช้ คำ� สง่ั New สรา้ งโปรเจก็ ตใ์ หม่ ตวั ละครแรกทป่ี รากฏ จะเปน็ แมว ในชื่อ Sprite 1 แต่สไปรต์ตวั นี้ถ้าเราเพิม่ เขา้ มาใหม่มันจะช่ือ Cat คือ ตัวละครแมวนนั่ เอง 1 คลิกปมุ่ Choose a Sprite 2 คลกิ เลอื กหมวดของตวั ละคร 3 คลกิ เลือกสไปรต์ (ตวั ละคร) lesson_1.indd 11 11 28/12/2563 BE 16:19

Lesson 1 เรม่ิ ตน้ กบั Scratch ศกึ ษาเรียนรูจ้ ากบทเรียน (Tutorials) สำ� หรบั มอื ใหมห่ ดั ใชส้ ามารถเลอื กบทเรยี นชว่ ยสอนทแ่ี อพเตรยี มไวใ้ ห้ มาเปดิ ดวู ธิ กี ารทำ� งานและการใสโ่ คด้ ในแบบ ตา่ งๆ ได้ โดยบทเรยี นจะแสดงเปน็ วดิ โี อภาพเคลอื่ นไหว ทมี่ ภี าพและเสยี งบรรยายแนะนำ� การสรา้ งเกม หรอื ภาพเคลอื่ นไหว ทีค่ ุณสามารถน�ำมาเปน็ ไอเดียประยุกต์สร้างสรรคง์ านได้ตอ่ เนือ่ ง 1 คลิกปุ่ม Tutorials (บทเรยี น) 2 เลือกประเภทบทเรียน 3 เลอื กบทเรียนทต่ี ้องการดู บทเรียนในเมนูภาษาไทย 26 28/12/2563 BE 16:19 lesson_1.indd 26

Lesson 3 Scratch Blocks การวางบล็อกโค้ด ภาษา Scratch ทำ� งานอยา่ งไร ภาษาคอมพิวเตอร์ (Programming Language) ทใี่ ชส้ �ำหรับเขยี นโปรแกรม (Computer Programming) หรอื การเขียน Coding น้ันจะมมี ากมายหลายภาษา ภาษาทผ่ี คู้ นใช้งานก็มหี ลักการและแนวคิดคล้ายกนั เชน่ เร่มิ จากภาษา Basic, ภาษา C, Visual Basic, VBA, ASP รวมถงึ ภาษาประเภท Script อยา่ ง Java Script เป็นตน้ แต่ละภาษาอาจจะ มีความยากงา่ ยหรือมอี ัลกอริทึมทีแ่ ตกต่างกนั บ้าง ส�ำหรับภาษา Scratch ก็จะมีโครงสร้างภาษามาตรฐานท่ีใช้งานไม่ยาก เพราะเน้นการใช้งานส�ำหรับเด็ก (อายุ 8-16 ปี) เพื่อปูพ้ืนฐานให้เด็กๆ เร่ิมต้นหัดเขียนโปรแกรม เพ่ือให้คุ้นเคยและน�ำไปต่อยอดความคิดสร้างสรรค์ประยุกต์ ใชง้ าน และศึกษาตอ่ ในการเรียนภาษาคอมพวิ เตอรภ์ าษาอื่นๆ ต่อไป แต่ใน Scratch จะเน้นค�ำสั่งท่ีใช้งานง่าย ไม่ซับซ้อน จะมกี ารตดั เอาค�ำสั่งหรือการท�ำงานยากๆ ออกไป เพราะอาจจะยากเกินไปสาํ หรับเด็ก เพียงแคน่ ำ� โค้ดมาวางเหมือนการ ตอ่ จิก๊ ซอว์ และก�ำหนดการทำ� งานโดยไม่ต้องมานงั่ คีย์โค้ดยาวๆ ง่ายต่อการเรียนรู้ การฝกึ กลยุทธส์ ำ� คัญในการแกป้ ัญหา การออกแบบโครงงาน และการสอื่ สารแนวคดิ แตเ่ พยี งพอตอ่ การทาํ โปรเจก็ ตไ์ ดต้ ง้ั แตง่ า่ ยๆ จนถงึ ระดบั ซบั ซอ้ นทไี่ มย่ าก เกนิ ไปเพ่อื จดุ ประกายความคิดใหเ้ ด็กๆ รักการเขียนโปรแกรม การทำ� งานของ Scratch จะมหี ลักการดังนี้ Block Code (บลอ็ กโค้ด) ผลลัพธ์ 62 28/12/2563 BE 16:24 lesson_3.indd 62

สนุกกบั การ Coding ดว้ ย Scratch 3.0 (Primary Level) หลกั การเขียนโค้ด การเขยี นโปรแกรมของ Scratch จะทำ� แบบ OOP (Object Oriented Programmimg) โคด้ ชดุ หนง่ึ ๆ ประกอบไป ด้วยการน�ำบลอ็ กมาเรียงต่อกนั เหมอื นการต่อจิก๊ ซอว์ โดยบางบล็อกสามารถซอ้ นอยู่บนบล็อกอื่นได้ เพ่ือสร้างการทำ� งาน ต่อเนอ่ื ง ตัวอยา่ งการเขียนโคด้ คำ� สง่ั ให้เจา้ สไปรต์ หรอื ตวั ละครแมวเดนิ เคลื่อนท่ีไปข้างหนา้ แล้วส่งเสยี งรอ้ ง เมือ่ หยดุ ให้ แสดงขอ้ ความทกั ทาย เราก็ต้องก�ำหนดโค้ดใหก้ บั สไปรตแ์ มว 3 บล็อก สำ� หรับเดก็ ๆ แรกๆ อาจจะกำ� หนดสตอรีบอรด์ ให้กับตัวละครกอ่ น เพอ่ื เป็นการเรียบเรยี งแนวคดิ กอ่ นวางบลอ็ ก 1 สร้างสตอรบี อร์ดภาพรวม 2 ลองเปรยี บกบั การใช้โคด้ 3 เลอื กประเภทโคด้ และลากไปวางทางขวา บางบลอ็ กคลกิ ทดสอบ 4 ลากบล็อกไปวางตอ่ กนั  การวางบลอ็ กอาจจะลากมาวางตอ่ กนั ก่อนลากไปวางใชง้ าน ไดเ้ ลย หรอื นำ� มาวางแยกเปน็ กลมุ่ งาน  ทดสอบการทำ� งาน แลว้ คอ่ ยคลกิ ลากมาตอ่ กนั ภายหลงั ได้ ของโคด้ หรอื เราจะเรยี กวา่  บางบล็อกคลิกทดสอบจากกรอบทาง การ “รนั โค้ด” จะคลกิ ท่ี ซา้ ยกอ่ นคลิกลากมาวาง บลอ็ กบนสุดเพือ่ ทดสอบ ท้ังหมดในกลมุ่ หรอื จะ หรือคลกิ ทบี่ ลอ็ กโค้ด 5 คลกิ ปมุ่ Go ทดสอบ ทดสอบทีละบล็อกกค็ ลกิ ทบ่ี ลอ็ กนัน้ แต่ถา้ คลิกปมุ่ 63 Go (Flag ธงสีเขียว) จะ รนั โค้ดท้งั หมดของทกุ กลมุ่ ทุกโค้ดทีว่ างในสไปรต์ ทุกตวั lesson_3.indd 63 28/12/2563 BE 16:24

Lesson 3 Scratch Blocks การวางบลอ็ กโค้ด เรมิ่ ต้นเขียนโปรแกรม หลงั จากทเ่ี ราทำ� ความรู้จกั กบั บลอ็ กคำ� ส่งั ต่างๆ ของ Scratch ไปแล้ว ตอ่ ไปก็จะเริ่มเขยี นโปรแกรมสรา้ งเร่ืองราว ให้กบั ตัวละครแต่ละตัว โดยจะทดลองวางบล็อกรวมๆ ทั้งหมดก่อน และจะเจาะรายละเอียดการใช้งานแต่ละบลอ็ กใน หวั ข้อย่อยต่างๆ แยกออกไป เพ่อื จะได้ใช้งานไดค้ รบถว้ น 4 คลิกลากบล็อกเสยี งไปวาง 3 เลือกโค้ดกลุ่ม Motion (เคล่ือนไหว) เลือกตวั ละคร Cat 2 1 เพ่มิ ตวั ละครเข้ามา 3 ตัว 5 ลากบล็อกอ่ืนๆ ไปวางตอ่ 80 28/12/2563 BE 16:24 lesson_3.indd 80

Lesson 4 Coding การเขียนโคด้ หลกั การท�ำภาพเคลอื่ นไหว ภาพเคล่ือนไหว หมายถึง ภาพกราฟิกท่ีมีการเคล่ือนไหวเพื่อแสดงข้ันตอนหรือปรากฏการณ์ต่างๆ ท่ีเกิดข้ึนอย่าง ต่อเนื่อง โดยการน�ำภาพน่ิงมาเรียงกันเป็นชุดๆ เพื่อแสดงบนจอทีละภาพด้วยความเร็วสูง ในการฉายภาพแต่ละภาพจะ ตอ่ เนอ่ื งกันทำ� ใหด้ เู หมอื นวา่ เคลอื่ นไหวจริง ซง่ึ อาจเป็นภาพทไ่ี ดจ้ ากภาพวาด ภาพถา่ ย หรอื ภาพคน สตั ว์ สงิ่ ของก็ได้ ไม่ จำ� เป็นต้องเฉพาะเจาะจงแต่ภาพการ์ตูน Animation (แอนิเมชัน) เทา่ นนั้ หรือภาพเคลอ่ื นไหว หมายถึง ภาพเคล่อื นไหว ทสี่ รา้ งขนึ้ โดยการนำ� ภาพนง่ิ หลายๆ ภาพมาฉายตอ่ เนอื่ งกนั ดว้ ยความเรว็ สงู ทำ� ใหเ้ กดิ ภาพลวงตาของการเคลอื่ นไหว โดย ปกตคิ วามเรว็ ของภาพเคลอื่ นไหวจะฉายดว้ ยความเรว็ ทตี่ า่ งกนั ขนึ้ อยกู่ บั ชนดิ ของการแสดงผล (Output) โดยถา้ ฉายเปน็ ภาพยนตร์จะฉายด้วยความเรว็ 24 เฟรมต่อวินาที ถ้าถา่ ยทอดในระบบ PAL จะฉายดว้ ยความเรว็ 25 เฟรมตอ่ วนิ าที แต่ ในระบบ NTSC จะฉายด้วยความเร็ว 29.97 หรอื 30 เฟรมต่อวินาที ประเภทของภาพเคล่ือนไหว ภาพเคลอ่ื นไหวแบง่ ได้เป็น 2 ประเภทคอื  2D Animation ภาพเคลอื่ นไหวแบบ 2 มติ ิ มองเหน็ ไดท้ ง้ั ความสงู และความกวา้ ง การสรา้ งจะไมส่ ลบั ซบั ซอ้ น มากนัก โดยน�ำตวั ละครหลกั ท่ีมกี ริ ยิ าทา่ ทางแตกต่างกนั นำ� ภาพมาแสดงเรยี งตอ่ กนั แบบเฟรมต่อเฟรม ท�ำให้ มองเปน็ ภาพเคลอ่ื นไหว ซงึ่ เราจะเหน็ จากการต์ นู หรอื ภาพเคลอื่ นไหวแบบ GIF Animation ในโลกอนิ เทอรเ์ นต็ หรือภาพสตกิ เกอรท์ ี่ใชก้ ันใน LINE, Facebook หรือโปรแกรมแชททว่ั ไป  3D Animation คอื ภาพเคลอ่ื นไหวแบบ 3 มติ ิ ตวั ละครจะมมี ติ ทิ เ่ี หน็ ไดแ้ บบ 360 องศา มคี วามลกึ ความกวา้ ง และความสงู ภาพทเ่ี หน็ จะมคี วามสมจรงิ ของตวั ละครมากทสี่ ดุ เหมอื นเราดภู าพยนตรห์ รอื การต์ นู ทว่ั ไป เปน็ ตน้ ตวั อย่างภาพเคลอื่ นไหว 1 1 2 34  ภาพเคลอื่ นไหวใน Scratch เราจะใช้ Sprite (ตวั ละคร) กำ� หนด Costumes (คอสตมู ) ทแี่ สดงกริ ยิ าทา่ ทาง แตกต่างกันมาแสดงสลับกัน โดยการกำ� หนด Code (โคด้ ) ให้สลับตวั ละครในแต่ละชว่ ง ตัวอย่างการท�ำให้ เจ้าแมวว่ิงอาจจะใชค้ อสตมู 4 ตวั ให้แสดงสลบั กนั เป็นตน้ ตวั อย่างภาพเคลือ่ นไหว 2 2 3 1  ในตวั อยา่ งนเ้ี ราจะท�ำใหผ้ ีเสอ้ื บนิ ใหส้ รา้ งหรือดดั แปลงคอสตูมของตวั ละครผเี ส้อื เอาไว้ 3 แบบ แล้วนำ� มา ใสโ่ ค้ดใหแ้ สดงกันตามเวลา หรอื ทิศทางที่กำ� หนดลงไปได้ 90 lesson_4.indd 90 28/12/2563 BE 16:29

สนุกกับการ Coding ด้วย Scratch 3.0 (Primary Level) สร้างภาพเคล่อื นไหวอย่างงา่ ย ในตัวอย่างน้เี รามาลองสรา้ งภาพเคลอื่ นไหวอยา่ งงา่ ยๆ โดยแทรกตวั ละครแมวแลว้ ให้เดนิ ตรงไปทางขา้ งหน้า และ สง่ เสียงรอ้ ง “เหมียว” กจ็ ะใสโ่ คด้ ลงไปตามลำ� ดับดงั นี้ ตวั ละคร : Sprite บล็อก : Block เหตุการณ์ : Events Cat (แมว) เม่อื คลิกปมุ่ Go หรือคลิกที่บลอ็ ก ให้เคลื่อนท่ี (move) ไป 10 กา้ ว ใหส้ ง่ เสยี ง (play sound) แมวรอ้ งจนจบ 2 วางโคด้ เมื่อคลกิ 3 วางบล็อก เคล่อื นท่ี lesson_4.indd 91 1 เลอื กตัวละครทจี่ ะใสโ่ คด้ 5 คลิกป่มุ Go ทดสอบผลลพั ธ์ 4 วางบล็อก เล่นเสียง 91 28/12/2563 BE 16:29

Lesson 7 Variables ตวั แปรเกบ็ ข้อมูล การใช้ตวั แปรมาท�ำเกม ตัวอย่างการเขียนโปรแกรม และการใช้ตัวแปรอีกแบบหนึ่งด้วยการสร้างเกมลิงกินกล้วย แล้วเก็บคะแนนเอาไว้ โดยการน�ำเอาการทำ� งานตา่ งๆ มาใช้งานร่วมกนั ต้ังแตก่ ารกดลกู ศรบนแป้นพิมพ์ เพื่อให้เจา้ ลิงเดนิ ไปซา้ ย-ขวา, บน-ลา่ ง เพอื่ เก็บกลว้ ย และใชค้ ำ� ส่ังกลมุ่ Control บลอ็ ก if มาก�ำหนดเงอ่ื นไขการเกบ็ กลว้ ยและเกบ็ คะแนนด้วยการสร้างตัวแปร ข้ึนมาเก็บคา่ ถา้ ลงิ แตะโดนกล้วย ซ่ึงจะใชบ้ ลอ็ กโคด้ หลายชุด ดังนี้ ก�ำหนดโค้ดใหต้ ัวละครลิง โค้ดชุดตรวจจบั โค้ดชุดการท�ำซ�้ำเปลีย่ นตัว เลอื กตัวละครลงิ การกดลูกศรบนแปน้ พิมพ์ ละคร และการเคลอื่ นท่ีเอง ซา้ ย-ขวา เพม่ิ ฉากหลัง และสร้างฉากเพ่ิมใหม่ 2 เพม่ิ ฉากหลงั จากภาพทีม่ ี 4 ใสส่ พี ืน้ ใสข่ ้อความ และกอ็ ปปภ้ี าพมาวาง คลกิ เลอื กฉากหลงั 1 3 คลกิ สร้างฉากหลงั ใหม่แบบวาดเอง 28/12/2563 BE 16:48 178 lesson_7.indd 178