เรียนรู้วิธีการสร้างแอนิเมชันให้ตัวละครใน Scratch เคลื่อนไหวอย่างเป็นธรรมชาติ ทำความรู้จักแกน X และ Y การใช้บล็อกทำซ้ำ (Repeat) และการเปลี่ยนท่าทาง (Next Costume)
EP.1 แอนิเมชันพิกัด X-Y และท่าทาง
ยินดีต้อนรับสู่โลกของ Scratch! โปรแกรมที่เปลี่ยนการเขียนโค้ดให้สนุกเหมือนการต่อเลโก้ ในบทนี้เราจะมาเสกให้ตัวละคร (Sprite) เดินเล่นบนหน้าจอได้อย่างเป็นธรรมชาติราวกับมีชีวิตกันครับ!
หน้าจอของ Scratch (Stage) เปรียบเสมือนแผนที่ที่ถูกตีเส้นตารางเอาไว้ โดยมีเส้นหลัก 2 เส้น คือ:
💡 ทริค: ตัวละครแต่ละตัวมีธรรมชาติการเคลื่อนที่ต่างกัน เช่น นกมักจะบินขึ้นลง (เปลี่ยนค่า Y) ส่วนรถยนต์มักจะวิ่งซ้ายขวา (เปลี่ยนค่า X)
ถ้าเราสั่งให้ตัวละครขยับทีเดียว 100 ก้าว มันจะวาร์ปไปทันทีซึ่งดูไม่เนียน! การทำแอนิเมชันที่สวยงามคือการให้ตัวละคร ขยับทีละนิดสลับกับเปลี่ยนท่าทาง (ชุด) ไปเรื่อยๆ
บล็อก next costume จะสั่งให้ตัวละครเปลี่ยนภาพไปเป็นชุดถัดไป เมื่อทำซ้ำอย่างรวดเร็ว ตาเราจะมองเห็นเป็นภาพเคลื่อนไหว (Animation) ครับ!
การเพลิดเพลินกับการเขียนโปรแกรมหน้าจอนานๆ อาจทำให้เกิดอาการตาแห้ง ปวดตา ปวดหัว และแสบตาได้ อย่าลืมพักสายตาทุกๆ 20 นาที มองไปไกลๆ 20 ฟุต เป็นเวลา 20 วินาที (กฎ 20-20-20) นะครับ
ทดสอบความเข้าใจพื้นฐาน Scratch! (ไม่เก็บคะแนน)
ข้อที่ 1: หากนักเรียนต้องการให้ตัวละคร "จรวด" บินทะยาน "ขึ้นไปด้านบน" ของหน้าจอ ต้องใช้บล็อกคำสั่งใด?
ข้อที่ 2: บล็อกคำสั่งใดที่ทำหน้าที่เปลี่ยน "ท่าทาง" หรือภาพของตัวละครให้ดูเหมือนกำลังเดิน?
ข้อที่ 3: ทำไมเราจึงควรนำบล็อก "change x by 5" ไปใส่ไว้ในบล็อก "repeat (ทำซ้ำ)" แทนการเขียนบล็อกขยับรวดเดียว 50 ก้าว?
ข้อที่ 4: อาการ "CVS" ที่เกิดจากการจ้องหน้าจอคอมพิวเตอร์นานเกินไป ส่งผลกระทบต่ออวัยวะใดมากที่สุด?
SmartyQuizKids | แพลตฟอร์มการเรียนรู้แห่งอนาคต เนื้อหาบนเว็บไซต์นี้จัดทำขึ้นเพื่อการศึกษาโดยไม่แสวงหาผลกำไร อ้างอิงโครงสร้างเนื้อหาจากหลักสูตรแกนกลางฯ (สสวท.) โดยนำมาสรุปและเรียบเรียงใหม่เพื่อความเข้าใจที่ง่ายขึ้น ภาพประกอบสร้างสรรค์โดยเทคโนโลยี AI ที่ได้รับสิทธิ์การใช้งานอย่างถูกต้อง หากเจ้าของลิขสิทธิ์ท่านใดพบข้อผิดพลาดประการใด สามารถแจ้งผู้ดูแลระบบเพื่อดำเนินการแก้ไขได้ตลอดเวลา
© 2023 Smartyquizkids.com
All Rights Reserved.
