สร้างเกมส์ด้วย Scratch : ตอนที่ 2 – ตัวอักษรเคลื่อนไหว

สวัสดีครับน้องๆ วันนี้เราจะมาเขียนโปรแกรมภาษา Scratch เพื่อสร้างตัวอักษรเคลื่อนไหวกันครับ

สำหรับวิธีการใช้งานโปรแกรม Scratch – น้องๆ สามารถอ่านได้ที่ https://karnlab.com/scratch-ep1-lets-start/

เลือกตัวอักษร

  1. คลิกที่ไอคอนรูปตัวละคร (อยู่ที่แถบ Sprites – สังเกตที่ข้างๆ ข้อความ New Sprite)
Scratch - EP2 (1)
Scratch – EP2 (1)
  1. เลือก Category: Letters – เลือกตัวอักษรที่ต้องการ (จะเป็นตัวอักษรแรกของชื่อเล่น ชื่อที่ชอบ หรือ คำศัพท์ภาษาอังกฤษอะไรก็ได้ครับ)
Scratch - EP2 (2)
Scratch – EP2 (2)
  1. เอารูปแมวออก – ด้วยการคลิกขวาที่รูปแมว ในแถบ Sprites – จากนั้นคลิก Delete
Scratch - EP2 (3)
Scratch – EP2 (3)

ใส่เอฟเฟกต์

ต่อไป เราจะทำให้ตัวอักษรเปลี่ยนสี เมื่อเราคลิกที่ตัวอักษรนะครับ

4.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ลากกล่องที่เขียนว่า [ when this spike clicked ] มาวางไว้ที่พื้นที่ว่างด้านขวา

4.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ลากกล่องที่เขียนว่า [ change color effect by 25 ] มาต่อข้างล่างกล่อง [ when this spike clicked ]

Scratch - EP2 (4)
Scratch – EP2 (4)

เมื่อเราคลิกที่ตัวอักษร จะพบว่าสีเปลี่ยนไป

ใส่เสียง

  1. ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ลากกล่องที่เขียนว่า [ play sound pop ] มาต่อข้างล่างกล่อง [ change color effect by 25 ]
Scratch - EP2 (5)
Scratch – EP2 (5)

เมื่อเราคลิกที่ตัวอักษร เราจะได้ยินเสียง (อย่าลืมเปิดลำโพงด้วยนะครับ)

นอกจากนี้เราสามารถเพิ่มเสียงเอฟเฟกต์เพิ่มเติมได้โดย คลิกที่แถบ Sounds – ข้างล่างข้อความ New Sound ใหคลิกไอคอนลำโพง

Scratch - EP2 (5-1)
Scratch – EP2 (5-1)

เลือกเสียงที่ต้องการ แล้วกดปุ่ม OK

Scratch - EP2 (5-2)
Scratch – EP2 (5-2)

ใส่พื้นหลัง

ต่อไป เราจะมาใส่พื้นหลังกันครับ

6.1) ที่แถบ Sprites ข้างล่างข้อความ New Backdrop คลิกไอคอนรูปภาพ

Scratch - EP2 (6-1)
Scratch – EP2 (6-1)

6.2) เลือกรูปภาพที่ต้องการ แล้วกดปุ่ม OK

Scratch - EP2 (6-2)
Scratch – EP2 (6-2)

ใส่ตัวอักษรถัดไป

  1. เพิ่มตัวอักษรถัดไปครับ (ใครลืมวิธีเพิ่มตัวอักษร ให้กลับไปอ่านข้อ 1-2 ใหม่นะครับ)
Scratch - EP2 (7)
Scratch – EP2 (7)

หมุนหมุน

ต่อไป เราจะเพิ่มเอฟเฟกต์ให้ตัวอักษรหมุนได้ครับ

8.1) ที่แถบ Sprites คลิกที่ A-GLOW – ที่แถบ Scripts คลิกคำว่า Events (สีน้ำตาล) – ลากกล่องที่เขียนว่า [ when this spike clicked ] มาวางไว้ที่พื้นที่ว่างด้านขวา

8.2) ที่แถบ Scripts คลิกคำว่า Motions (สีน้ำเงิน) – ลากกล่องที่เขียนว่า [ turn –> 15 15 degrees ] มาต่อข้างล่างกล่อง [ when this spike clicked ]

Scratch - EP2 (8-2)
Scratch – EP2 (8-2)

เมื่อเราคลิกที่ตัวอักษร ก็จะหมุนไปทางขวาครั้งละ 15 องศาครับ

แล้วถ้าเราต้องการให้ตัวอักษรหมุน 360 องศา ?

8.3) ที่แถบ Scripts คลิกคำว่า Controls (สีส้ม) – ลากกล่องที่เขียนว่า [ repeat 10 ] มาครอบกล่อง [turn –> 15 15 degrees ] – จากนั้นเปลี่ยนค่าเป็น [ repeat 24 ] – เมื่อเราคลิกที่ตัวอักษร ก็จะหมุนครบ 1 รอบพอดีครับ

Scratch - EP2 (8-3)
Scratch – EP2 (8-3)

ใส่ตัวอักษรให้ครบ

สุดท้าย เพิ่มตัวอักษรให้ครบครับ

Scratch - EP2 (8-5)
Scratch – EP2 (8-5)

ก่อนจากกัน เราจะเพิ่มเทคนิค/เอฟเฟกต์กันอีกนิดครับ

  1. เปลี่ยนขนาดตัวอักษร – ให้น้องๆ ลองลากกล่องคำสั่งตามรูปภาพข้างล่างนะครับ แล้วลองสังเกตผลลัพธ์
Scratch - EP2 (9)
Scratch – EP2 (9)
  1. ตัวอักษรเคลื่อนที่ – ให้น้องๆ ลองลากกล่องคำสั่งตามรูปภาพข้างล่างนะครับ แล้วลองสังเกตผลลัพธ์
Scratch - EP2 (10)
Scratch – EP2 (10)

น้องๆ สามารถติดตามสร้างเกมส์ด้วย Scratch ตอนต่อไปได้ที่นี่ครับ https://wiki-m.com/tag/scratch/

สำหรับโปรเจคทั้งหมด สามารถเข้าไปเยี่ยมชมได้ที่นี่ครับ https://scratch.mit.edu/users/doctorkarn/

หมายเหตุ: บทเรียนนี้เขียนตอน Scratch 2.0 นะครับ ตอนนี้เป็น Scratch 3.0 แล้ว อาจจะมีบางส่วนเปลี่ยนไปบ้าง แต่คำสั่งส่วนใหญ่ยังเหมือนเดิมครับ

Leave a Reply

Your email address will not be published. Required fields are marked *