หน่วยที่ 2 EP.4: เริ่มต้นสนุกกับ Scratch! สร้างภาพเคลื่อนไหวด้วยตัวเอง
  • By Admin
  • 0
  • 13 เม.ย. 2569

หน่วยที่ 2 EP.4: เริ่มต้นสนุกกับ Scratch! สร้างภาพเคลื่อนไหวด้วยตัวเอง

ก้าวเข้าสู่โลกของนักสร้างแอนิเมชันวัยจิ๋ว! ทำความรู้จักกับโปรแกรม "Scratch" เครื่องมือเขียนโค้ดแบบบล็อกสุดล้ำ สำรวจหน้าจอการทำงาน รู้จักกับตัวละครหลัก "Sprite" น้องแมวสีส้ม และลงมือเขียนสคริปต์คำสั่งแรกเพื่อให้ตัวละครขยับท่าทางและเคลื่อนที่ได้ดั่งใจนึก!

🐱 หน่วยที่ 2 EP.4: เริ่มต้นสนุกกับ Scratch!

สร้างภาพเคลื่อนไหวด้วยตัวเองง่ายๆ

หลังจากที่เราฝึกคิดเป็นขั้นตอนกันมาแล้ว คราวนี้เราจะมาเสกให้ความคิดของเรากลายเป็นภาพเคลื่อนไหว หรือ "แอนิเมชัน (Animation)" กันจริงๆ ผ่านโปรแกรมยอดฮิตระดับโลกที่มีชื่อว่า "Scratch (สแครตช์)" ครับ!

🌟 1. ยินดีต้อนรับสู่โลกของ Scratch

Scratch เป็นโปรแกรมที่ให้เราเอา "บล็อกคำสั่ง (Block)" สีสันสดใสมาต่อกันเพื่อสร้างนิทาน เกม หรือภาพเคลื่อนไหว โดยที่เราสามารถเข้าใช้งานฟรีได้ผ่านเว็บไซต์ scratch.mit.edu ครับ

🎭 ทำความรู้จัก "Sprite (สไปรต์)"

ตัวละครทุกตัวที่เราใช้เล่นในโปรแกรมนี้ ไม่ว่าจะเป็นคน สัตว์ หรือสิ่งของ เราจะเรียกมันว่า "Sprite (สไปรต์)" ครับ โดยสไปรต์เริ่มต้นที่โปรแกรมเตรียมไว้ให้ทุกคนก็คือ "น้องแมวสีส้ม" สุดน่ารักนั่นเอง!

🖥️ 2. สำรวจหน้าต่างโปรแกรม

เพื่อให้เราสร้างแอนิเมชันได้คล่องแคล่ว เราต้องรู้ก่อนว่าหน้าจอของ Scratch แบ่งเป็น 3 ส่วนหลักๆ ดังนี้ครับ:

1. หมวดหมู่บล็อกคำสั่ง (Code Palette)
อยู่ทางซ้ายมือสุด เป็นที่เก็บเครื่องมือทั้งหมด โดยจะแบ่งสีชัดเจน เช่น สีฟ้า = การเคลื่อนที่, สีม่วง = รูปลักษณ์, สีเหลือง = เหตุการณ์
2. พื้นที่ทำงาน (Workspace)
ลานกว้างๆ ตรงกลาง เอาไว้ให้เราลากบล็อกคำสั่งจากทางซ้าย มาต่อกันให้เป็นสคริปต์ (Script) ยาวๆ ครับ
3. เวทีแสดงผล (Stage)
กรอบสี่เหลี่ยมด้านขวาบน เป็นที่ที่น้องแมว (Sprite) ของเราจะแสดงท่าทางต่างๆ ตามคำสั่งที่เราเขียนไว้ในพื้นที่ทำงานครับ

🎬 3. สร้างภาพเคลื่อนไหว (Animation) สเต็ปแรก!

น้องแมวสามารถเปลี่ยนท่าทางได้เหมือนการวาดการ์ตูนช่อง (Flipbook) ครับ มาลองเขียนคำสั่งง่ายๆ ให้แมวขยับขากันดู:

  1. ลากบล็อก [เมื่อคลิก 🚩] (สีเหลือง) มาวาง เพื่อเป็นจุดเริ่มต้น
  2. ลากบล็อก [เคลื่อนที่ 10 ก้าว] (สีฟ้า) มาต่อด้านล่าง ให้น้องแมวเดินหน้า
  3. ลากบล็อก [ชุดถัดไป] (สีม่วง) มาต่อ เพื่อสั่งให้น้องแมวสลับไปทำท่าทางถัดไป
  4. ลากบล็อก [รอ 1 วินาที] (สีส้ม) มาคั่นไว้ เพื่อไม่ให้น้องแมวขยับเร็วเกินไปจนเรามองไม่ทัน
  5. เมื่อเขียนเสร็จ ให้กด ปุ่มธงสีเขียว (🚩) ด้านบนเวที แล้วดูผลลัพธ์เลย!

🧩 มินิควิซ ทบทวนความรู้ EP.4

มาทดสอบความจำเรื่องหน้าต่าง Scratch กัน!

ข้อที่ 1: ตัวละครหลักในโปรแกรม Scratch (เช่น น้องแมวสีส้ม) มีชื่อเรียกเฉพาะในโปรแกรมว่าอะไร?

ข้อที่ 2: หลังจากต่อบล็อกคำสั่งเสร็จแล้ว นักเรียนต้องกดปุ่มสัญลักษณ์ใด เพื่อสั่งให้โปรแกรมเริ่มทำงาน?

ข้อที่ 3: บล็อกคำสั่งใด ที่ทำหน้าที่เปลี่ยนภาพของน้องแมวสลับไปมา เพื่อให้ดูเหมือนว่าน้องแมวกำลังขยับแขนขยับขาได้จริงๆ?


แชร์ :

บทเรียนอื่น ๆ