EP.3: เติมชีวิตด้วยท่าทาง (Animation & Movement)
  • By Admin
  • 400
  • 14 ก.ย. 2569

EP.3: เติมชีวิตด้วยท่าทาง (Animation & Movement)

สร้างความสมจริงให้นิทานด้วยเทคนิคการทำแอนิเมชัน เรียนรู้การสลับชุดตัวละคร (Costume) ทำงานร่วมกับบล็อกวนซ้ำ (Loop) และการสไลด์เพื่อสร้างการเคลื่อนไหวอย่างเป็นธรรมชาติ

🏃‍♂️ EP.3: เติมชีวิตด้วยท่าทาง (Animation & Movement)

เปลี่ยนตัวละครที่ยืนนิ่ง ให้มีชีวิตชีวาเหมือนการ์ตูนแอนิเมชัน!

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

🎭 1. มายากลสลับร่าง (Next Costume)

รู้หรือไม่? ตัวละคร 1 ตัวใน Scratch มักจะมีหลายท่าทางซ่อนอยู่ในแท็บ Costumes หากเรานำบล็อก next costume (ชุดถัดไป) หมวดสีม่วง มาต่อกัน ตัวละครจะสลับท่าทางไปมาเหมือนภาพเคลื่อนไหว (Flipbook) เลยครับ

next costume
repeat (10)
next costume
wait (0.1) seconds

🔄 2. เวทมนตร์แห่งการวนซ้ำ (Repeat & Wait)

ถ้าเราต้องเรียงบล็อกเปลี่ยนชุด 100 อัน สคริปต์คงยาวทะลุจอ! ให้เราใช้บล็อก repeat (ทำซ้ำ) มาครอบเอาไว้แทน แต่ระวังนะ! ต้องใส่บล็อก wait (รอ) เข้าไปหน่วงเวลาสัก 0.1 วินาทีด้วย ไม่อย่างนั้นตัวละครจะขยับเร็วเกินไปจนมองไม่ทันครับ

🛹 3. สไลด์ไปสู่จุดหมาย (Glide)

ในการเล่านิทาน การใช้คำสั่ง go to หรือ move อาจจะทำให้ตัวละครดูเหมือน "วาร์ป" หรือกระตุกเกินไป ลองเปลี่ยนมาใช้คำสั่งหมวดสีฟ้า glide (1) secs to x:( ) y:( ) ตัวละครจะค่อยๆ ลอยสไลด์ไปยังจุดหมายอย่างนุ่มนวลตามเวลาที่เรากำหนดครับ

glide (2) secs to x: (100) y: (-50)

💡 กฎเหล็กของผู้กำกับ (Pro Tip)

ถ้าอยากให้ตัวละคร "ขยับขาเดินไปพร้อมๆ กับเคลื่อนที่สไลด์ไปข้างหน้า" น้องๆ ต้องเขียนคำสั่ง 2 ชุดแยกกัน แล้วใช้เสาอากาศ when I receive ชื่อเดียวกัน เพื่อสั่งให้สคริปต์เปลี่ยนชุด (Animation) และสคริปต์สไลด์ (Glide) ทำงานพร้อมกันแบบคู่ขนานครับ!

🎬 ภารกิจผู้กำกับน้อย: ใส่ชีวิตให้การเดินทาง!

จาก EP.2 หลังจากหมีเบนพูดจบ เราจะให้หมีเบนชวนไดโนเสาร์เดินไปพร้อมกัน มาลุยกันเลย!

🎯 ภารกิจที่ 1: ส่งคิว "ออกเดินทาง"

  • 1. ให้หมีเบนส่งคิว: ไปที่ตัวละครหมีเบน ต่อจากบล็อกคำพูดใน EP.2 ให้ลากบล็อก broadcast [ข้อความใหม่] มาต่อท้าย ตั้งชื่อข้อความว่า "ออกเดินทาง"

🧩 ภารกิจที่ 2: ไดโนเสาร์ขยับขา (ทำแอนิเมชัน)

  • 1. สร้างเสาอากาศใหม่: ไปที่ตัวละครไดโนเสาร์ ลากบล็อก when I receive [ออกเดินทาง] มาวางในพื้นที่ว่างๆ (แยกเป็นก้อนใหม่)
  • 2. ร่ายมนต์วนซ้ำ: ลากบล็อก repeat (10) มาต่อใต้เสาอากาศ
  • 3. สลับชุดและหน่วงเวลา: นำบล็อก next costume และ wait (0.1) seconds ไปใส่ไว้ "ข้างใน" บล็อก repeat (เหมือนยัดไส้แซนด์วิช)

🚀 ภารกิจที่ 3: ไดโนเสาร์สไลด์ตัว (เดินไปข้างหน้า)

  • 1. รับคิวคู่ขนาน: ลากบล็อก when I receive [ออกเดินทาง] มาวางแยกอีก 1 ก้อน (ไดโนเสาร์จะมีเสาอากาศชื่อเดียวกัน 2 เสาแล้วนะ!)
  • 2. สไลด์ไปจุดหมาย: ใช้เมาส์ลากตัวไดโนเสาร์ขยับไปข้างหน้าในจุดที่ต้องการ แล้วลากบล็อก glide (1) secs to x:( ) y:( ) มาต่อใต้เสาอากาศอันที่สอง

✅ เช็คลิสต์ทดสอบความสำเร็จ (Test & Debug)

กด ปุ่มธงเขียว เลย! ลองดูสิว่า ไดโนเสาร์กับหมีคุยกันจบปุ๊บ ไดโนเสาร์ของเราขยับขาและสไลด์ตัวไปข้างหน้าพร้อมๆ กันหรือเปล่า? ถ้าใช่... ขอต้อนรับน้องๆ เข้าสู่การเป็นแอนิเมเตอร์มือโปร!

🧩 มินิควิซ สรุปความรู้ EP.3

มาทดสอบความเป็นแอนิเมเตอร์ในตัวน้องๆ กันเถอะ!

ข้อที่ 1: การสร้างแอนิเมชันให้ตัวละครขยับท่าทางอย่างต่อเนื่อง (เช่น วิ่งขยับแขนขา) ควรใช้บล็อกใดทำงานคู่กัน?

ข้อที่ 2: หากต้องการให้นางฟ้าบินจากจุด A ไปจุด B อย่างนุ่มนวลเหมือนในภาพยนตร์ ไม่ให้ดูเหมือนการวาร์ป ควรใช้คำสั่งใด?


แชร์ :

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