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

เลือกตัวละคร

1. ที่แถบ Sprites ข้างขวาข้อความ New Sprite คลิกไอคอนตัวละคร

จากนั้นเลือกตัวละครที่ต้องการ (เช่น Cat Flying) – แล้วกดปุ่ม OK ครับ

Tip: น้องสามารถลบตัวละครที่ไม่ต้องการได้โดย – ที่แถบ Sprites คลิกขวาตัวละครที่ไม่ต้องการ – แล้วกดปุ่ม delete

เตรียมตัวบิน

2. ก่อนที่น้องแมวของเราจะบิน เราจะให้น้องๆ แมวพูดทักทายเล็กน้อยครับ (คล้ายๆ ข้อความ START เวลาเริ่มเกมส์) โดยเพิ่ม Script ดังต่อไปนี้

2.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when Green Flag clicked ] มาที่พื้นที่ว่างด้านขวา

2.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ go to front ] มาต่อข้างล่างกล่องที่แล้ว
// คำสั่งนี้จะทำให้ตัวละครของเราเลื่อนมาที่ตำแหน่งด้านหน้าสุดครับ ก่อนวัตถุอื่นๆ ทั้งหมดครับ

2.3) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ say Hello! for 2 secs ] มาต่อข้างล่างกล่องที่แล้ว – จากนั้นเปลี่ยนข้อความ จาก Hello! เป็น START

เพิ่มวัตถุในฉาก

3. ต่อไปเราจะเพิ่มวัตถุในฉากประกอบกันครับ

3.1) ที่แถบ Sprites ข้างขวาข้อความ New Sprite คลิกไอคอนตัวละคร

จากนั้นเลือกตัวละครที่ต้องการ (เช่น Building) – แล้วกดปุ่ม OK ครับ – จากนั้นจัดตำแหน่งให้สวยงาม

Tip: เราสามารถย่อขนาดของวัตถุได้โดย – คลิกที่แถบ Costumes (ที่อยู่ข้างๆ แถบ Scripts) – จากนั้นคลิกที่วัตถุ แล้วคลิกลากที่มุมวัตถุ เพื่อย่อ/ขยายวัตถุได้ครับ

เคลื่อนที่

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

ให้น้องๆ เลือกวัตถุ Building แล้วเพิ่ม Script ดังนี้ครับ

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

4.2) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ forever ] มาต่อข้างล่างกล่องที่แล้ว

4.3) ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ให้ลากกล่อง [ set x to 0 ] มาต่อในกล่อง [ forever ] แล้วเปลี่ยน 0 เป็น 250

4.4) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ repeat 10 ] มาต่อในกล่อง [ forever ] ท้าย [ set x to 250 ]
และเปลี่ยนค่า [ repeat 10 ] เป็น [ repeat 100 ]

4.5) ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ให้ลากกล่อง [ change x by 10 ] มาต่อในกล่อง [ repeat 100 ] แล้วเปลี่ยน 10 เป็น -5

น้องๆ ลองกดปุ่มธงสีเขียว แล้วสังเกตผลลัพธ์นะครับ

จากนั้น น้องๆ ลองเปลี่ยน [ repeat 100 ] เป็น [ repeat 50 ] และ [ change x by -5 ] เป็น [ change x by -10 ] แล้วสังเกตผลลัพธ์นะครับ

Tip: พื้นที่/ตำแหน่งของ Stage เป็นดังนี้ครับ

เปลี่ยนลุค

5. น้องๆ จะเห็นว่าตอนนี้เรามีตึกแค่แบบเดียว แต่เราสามารถแสดงผลตึกหลายๆ แบบได้ แบบนี้ครับ

ระหว่างกล่อง [ set x to 250 ] (สีน้ำเงิน) และ [ repeat 100 ] (สีส้ม) – ให้แทรกคำสั่ง [ next costume ] (สีม่วง / Looks) ดังนี้

น้องๆ ลองกดปุ่มธงสีเขียว แล้วสังเกตผลลัพธ์นะครับ

Tip: น้องๆ สามารถดูว่าวัตถุที่เราเลือกมี Costumes แบบไหนบ้าง โดยไปที่แถบ Costumes ข้าง Scripts นะครับ

เพิ่มท้องฟ้า

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

จากนั้นเลือกพื้นหลังที่ต้องการ (เช่น blue sky, blue sky 2, blue sky 3) แล้วกดปุ่ม OK – เราจะเห็นพื้นหลังที่เราเลือกปรากฏที่ Stage

เราจะได้ผลลัพธ์ดังนี้

Tip: น้องๆ สามารถเปลี่ยนสีท้องฟ้าได้โดยคลิกที่พื้นหลัง แล้วคลิกแถบ Backdrops (ข้างๆ Scripts) – จากนั้นคลิกที่ปุ่มถังสีด้านขวา แล้วน้องๆ เลือกสีด้านล่าง จากนั้นคลิกที่พื้นหลังครับ

อยากเห็นน้องแมวบินได้

ต่อไปเราจะทำให้น้องแมวบินได้ละครับ โดยถ้ากดปุ่มขึ้น/ลง จะเคลื่อนที่ตำแหน่ง Y +10/-10 (ตามลำดับ) โดยให้น้องๆ เพิ่ม Scripts ไปที่น้องแมวดังนี้ครับ

7.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา – แล้วเปลี่ยน space เป็น up arrow

7.2) ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ให้ลากกล่อง [ change y by 10 ] มาต่อท้ายกล่องที่แล้ว

7.3) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา – แล้วเปลี่ยน space เป็น down arrow

7.4) ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ให้ลากกล่อง [ change y by 10 ] มาต่อท้ายกล่องที่แล้ว – แล้วเปลี่ยนค่า 10 เป็น -10

จากนั้นน้องๆ ลองกดปุ่มขึ้น/ลงบนคีย์บอร์ด แล้วสังเกตผลลัพธ์ครับ

ชวนคิด: แล้วถ้าเราอยากให้น้องแมวเคลื่อนที่ในแกน X โดยการกดปุ่มซ้าย/ขวาบนคีย์บอร์ด – ต้องเพิ่ม Scripts อย่างไรบ้าง?

.

.

.

7.5) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา – แล้วเปลี่ยน space เป็น right arrow

7.6) ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ให้ลากกล่อง [ change x by 10 ] มาต่อท้ายกล่องที่แล้ว

7.7) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา – แล้วเปลี่ยน space เป็น left arrow

7.8) ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ให้ลากกล่อง [ change x by 10 ] มาต่อท้ายกล่องที่แล้ว – แล้วเปลี่ยนค่า 10 เป็น -10

ให้ดวงใจลอยไปกับฟ้า

ต่อไปเราจะเพิ่มหัวใจลอยบนฟ้ากันครับ

8. ที่แถบ Sprites ข้างขวาข้อความ New Sprite คลิกไอคอนตัวละคร – จากนั้นเลือกวัตถุที่ต้องการ (เช่น Cat Flying) – แล้วกดปุ่ม OK ครับ – เสร็จแล้วย่อรูปหัวใจให้สวยงาม

9. เสร็จแล้ว เพิ่ม Script ดังต่อไปนี้ครับ

9.1) เมนู Events (สีน้ำตาล) – ให้ลากกล่อง [ when Green Flag clicked ] มาที่พื้นที่ว่างด้านขวา

9.2) เมนู Control (สีส้ม) – ให้ลากกล่อง [ forever ] มาต่อท้ายกล่องที่แล้ว

9.3) เมนู Motion (สีน้ำเงิน) – ให้ลากกล่อง [ go to mouse-pointer ] มาต่อในกล่อง [ forever ] จากนั้นเปลี่ยนค่า mouse-pointer เป็น random position

9.4) เมนู Motion (สีน้ำเงิน) – ให้ลากกล่อง [ set x to 0 ] มาต่อท้ายกล่องที่แล้ว จากนั้นเปลี่ยนค่า 0 เป็น 250

9.5) เมนู Control (สีส้ม) – ให้ลากกล่อง [ repeat 10 ] มาต่อท้ายกล่องที่แล้ว จากนั้นเปลี่ยนค่า 10 เป็น 50

9.6) เมนู Motion (สีน้ำเงิน) – ให้ลากกล่อง [ change x by 10 ] มาต่อในกล่อง [ repeat 50 ] จากนั้นเปลี่ยนค่า 10 เป็น -10

จากนั้นน้องๆ ลองกดปุ่มธงสีเขียว แล้วกดปุ่มลูกศร ขึ้น/ลง/ซ้าย/ขวา แล้วสังเกตผลลัพธ์ครับ (น้องๆ สามารถหยุดการเล่นได้โดยกดปุ่มป้ายสีแดง ข้างธงสีเขียวนะครับ)

Tip: น้องๆ สามารถ Copy Scripts ได้โดยคลิกขวาที่ Scripts ที่ต้องการ แล้วเลือก duplicate

เก็บหัวใจแล้วได้คะแนน

สุดท้าย เมื่อน้องแมวเก็บหัวใจได้ ก็จะได้คะแนนครับ

10. ก่อนอื่นให้เราไปที่แถบ Scripts คลิกที่คำว่า Data (สีแสด) เพื่อสร้างตัวแปรไว้สำหรับเก็บคะแนนก่อนครับ – จากนั้นกดปุ่ม Make a Variable – ตั้งชื่อตัวแปรว่า score – แล้วกดปุ่ม OK ครับ

11. ให้น้องๆ เพิ่ม Script ไปที่น้องแมว ดังนี้ครับ

11.1) เมนู Events (สีน้ำตาล) – ให้ลากกล่อง [ when Green Flag clicked ] มาที่พื้นที่ว่างด้านขวา

11.2) เมนู Data (สีแสด) – ให้ลากกล่อง [ set score to 0 ] มาต่อท้ายกล่องที่แล้ว

11.3) เมนู Control (สีส้ม) – ให้ลากกล่อง [ forever ] มาต่อท้ายกล่องที่แล้ว

11.4) เมนู Control (สีส้ม) – ให้ลากกล่อง [ if … then ] มาต่อในกล่อง [ forever ]

11.5) เมนู Sensing (สีฟ้า) – ให้ลากกล่อง [ touching ___ ] มาต่อในที่ว่างของกล่อง [ if … then ] จากนั้นเปลี่ยนค่า ___ เป็น Heart

11.6) เมนู Sound (สีม่วง) – ให้ลากกล่อง [ play sound pop ] มาต่อในกล่อง [ if … then ]

11.7) เมนู Data (สีแสด) – ให้ลากกล่อง [ change score by 1 ] มาต่อท้ายกล่องที่แล้ว

11.8) เมนู Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อท้ายกล่องที่แล้ว

จากนั้นน้องๆ ลองกดปุ่มธงสีเขียว แล้วกดปุ่มลูกศร ขึ้น/ลง/ซ้าย/ขวา แล้วสนุกกับเกมส์นะครับ (น้องๆ สามารถหยุดการเล่นได้โดยกดปุ่มป้ายสีแดง ข้างธงสีเขียวนะครับ)

บทส่งท้าย

และนี่คือคลิปแสดงผลลัพธ์การเล่มเกมส์นี้บางส่วนครับ

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

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

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

The post สร้างเกมส์ด้วย Scratch : ตอนที่ 6 เกมส์บินเก็บของ appeared first on KarnLab.

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

เลือกพื้นหลัง

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

จากนั้นเลือกพื้นหลังที่ต้องการ (เช่น pathway, slopes) แล้วกดปุ่ม OK – เราจะเห็นพื้นหลังที่เราเลือกปรากฏที่ Stage

เราจะได้ผลลัพธ์ดังนี้

Tip 1: น้องๆ สามารถลบตัวละครที่ไม่ต้องการได้โดย – คลิกขวาที่ตัวละครบน Stage แล้วกดเมนู delete ได้เลยครับ

Tip 2: หรือ น้องๆ สามารถลบตัวละครที่ไม่ต้องการได้โดย – ไปที่แถบ Sprites คลิกขวาที่ตัวละคร แล้วกดเมนู delete ก็ได้เหมือนกันครับ

เลือกกลอง

2. ที่แถบ Sprites ข้างขวาข้อความ New Sprite คลิกไอคอนตัวละคร

ที่เมนูด้านข้าง เลือก Theme > Music – จากนั้นเลือกกลอง (Drum-Conga) แล้วกดปุ่ม OK ครับ

วางตำแหน่งกลองตามที่ต้องการ เราจะได้ผลลัพธ์ดังนี้

ตีกลอง

3. ที่แถบ Sprites คลิกเลือกกลอง (Drum-Conga) – จากนั้นใส่ Script ดังต่อไปนี้

3.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา

3.2) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound tap conga ] มาต่อกล่องที่แล้ว

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

น้องสามารถเปลี่ยนเสียงกลองจาก tap conga เป็น high, low, muted conga ได้ครับ

สร้างจังหวะ

ให้น้องๆ ลบ Script เดิมก่อนนะครับ โดยคลิกขวาที่คำสั่ง แล้วคลิกเมนู delete

4. ที่แถบ Sprites คลิกเลือกกลอง (Drum-Conga) – จากนั้นใส่ Script ดังต่อไปนี้

4.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา

4.2) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound tap conga ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน “tap conga” เป็น “high conga”

4.3) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน 1 เป็น 0.125

4.4) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound tap conga ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน “tap conga” เป็น “low conga”

4.5) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 0.125 sec ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน 1 เป็น 0.125

เมื่อน้องๆ กดปุ่ม spacebar ก็จะได้ยินเสียงกลองที่เริ่มเป็นจังหวะครับ

ทำซ้ำ

5. จาก Script ในข้อที่ 4 – ให้น้องๆ แทรกคำสั่ง [ repeat 10 ] ซึ่งอยู่ในเมนู Control (สีส้ม) – มาครอบคำสั่ง 4.2) ถึง 4.5) ครับ

จากนั้นเปลี่ยน [ repeat 10 ] เป็น [ repeat 4 ] ซึ่ง Script จะมีหน้าตาแบบนี้

เมื่อน้องๆ กดปุ่ม spacebar ก็จะได้ยินเสียงกลองที่เป็นจังหวะครับ

เอฟเฟคตีกลอง

6. จากคำสั่งในข้อ 5)

6.1) ให้น้องๆ แทรกคำสั่ง [ next costume ] ซึ่งอยู่ในเมนู Looks (สีม่วง) – มาต่อท้ายคำสั่ง [ play sound high conga ]

6.2) ให้น้องๆ แทรกคำสั่ง [ next costume ] ซึ่งอยู่ในเมนู Looks (สีม่วง) – มาต่อท้ายคำสั่ง [ play sound low conga ]

เมื่อน้องๆ กดปุ่ม spacebar ก็จะได้ยินเสียงกลองที่เป็นจังหวะ และเห็นเอฟเฟคตีกลองครับ

เล่นเครื่องดนตรี

7. ต่อไปเราจะเพิ่มเครื่องดนตรีอีก 1 ชนิด นั่นคือ Saxophone ครับ – ที่แถบ Sprites คลิกไอคอนตัวละคร

ที่เมนูด้านข้าง เลือก Theme > Music – เลือก Saxophone แล้วกดปุ่ม OK – วางตำแหน่งกลองตามที่ต้องการ

Tip: เราสามารถย่อขนาดของวัตถุได้โดย – คลิกที่แถบ Costumes (ที่อยู่ข้างๆ แถบ Scripts) – จากนั้นคลิกที่วัตถุ แล้วคลิกลากที่มุมวัตถุ เพื่อย่อ/ขยายวัตถุได้ครับ

8. ต่อมาเราจะเพิ่ม Scripts ให้กับ Saxophone ของเรา ดังนี้ครับ

8.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา แล้วเปลี่ยนจาก “space” เป็น “up arrow” (หรือปุ่มใดก็ได้ที่น้องๆ ชอบครับ)

8.2) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound C2 sax ] มาต่อกล่องที่แล้ว

เมื่อน้องๆ กดปุ่ม up arrow (ลูกศรขึ้น) ก็จะได้ยินเสียงโน้ตครับ

สร้างเมโลดี้

9. ต่อจากคำสั่งในข้อ 8 ให้น้องๆ เพิ่ม Scripts ดังนี้ครับ

8.3) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน 1 เป็น 0.25

8.4) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound C2 sax ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน “C2 sax” เป็น “G sax”

8.5) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน 1 เป็น 0.25

8.6) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound C2 sax ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน “C2 sax” เป็น “E sax”

8.7) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อกล่องที่แล้ว จากนั้นเปลี่ยน 1 เป็น 0.25

เมื่อน้องๆ กดปุ่ม up arrow (ลูกศรขึ้น) ก็จะได้ยินเสียงเมโลดี้ครับ

เพิ่มคอร์ด

10. น้องๆ สามารถเพิ่มคอร์ดให้กับ Saxophone โดยเพิ่ม Scripts ดังนี้ครับ

10.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา แล้วเปลี่ยนจาก “space” เป็น “down arrow” (หรือปุ่มใดก็ได้ที่น้องๆ ชอบครับ)

10.2) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound F sax ] มาต่อกล่องที่แล้ว

10.3) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound A sax ] มาต่อกล่องที่แล้ว

10.4) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound C2 sax ] มาต่อกล่องที่แล้ว

เมื่อน้องๆ กดปุ่ม down arrow (ลูกศรลง) ก็จะได้ยินเสียงคอร์ดครับ

น้องๆ ลองเพิ่มคอร์ดตามรูปด้านล่าง จากนั้นลองกดปุ่ม แล้วฟังเสียงที่เกิดขึ้นครับ

Tip: น้องๆ สามารถ Copy คำสั่งที่ต้องการได้โดย คลิกขวาที่คำสั่งที่ต้องการ จากนั้นคลิก duplicate ครับ

เล่นโน้ตแบบสุ่ม

11. เราจะเพิ่มเครื่องดนตรีอีก 1 ชนิด นั่นคือ Piano ครับ – ที่แถบ Sprites คลิกไอคอนตัวละคร

ที่เมนูด้านข้าง เลือก Theme > Music – เลือก Piano แล้วกดปุ่ม OK – วางตำแหน่งกลองตามที่ต้องการ

Tip: เราสามารถย่อขนาดของวัตถุได้โดย – คลิกที่แถบ Costumes (ที่อยู่ข้างๆ แถบ Scripts) – จากนั้นคลิกที่วัตถุ แล้วคลิกลากที่มุมวัตถุ เพื่อย่อ/ขยายวัตถุได้ครับ

12. ต่อมาเราจะเพิ่ม Scripts ให้กับ Piano ของเรา เล่นโน้ตแบบสุ่ม ดังนี้ครับ

12.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา แล้วเปลี่ยนจาก “space” เป็น “right arrow” (หรือปุ่มใดก็ได้ที่น้องๆ ชอบครับ)

12.2) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound C2 Piano ] มาต่อกล่องที่แล้ว

12.3) ที่แถบ Scripts ให้คลิกที่คำว่า Operators (สีเขียว) – ให้ลากกล่อง [ pick random 1 to 10 ] มาแทนที่ “C2 Piano”

เมื่อน้องๆ กดปุ่ม right arrow (ลูกศรขวา) ก็จะได้ยินเสียงโน้ต(แบบสุ่ม)ครับ

เพิ่มเสียงร้อง

13. สุดท้ายเราจะเพิ่มให้มีนักร้อง มาร้อง Beatbox กันด้วยครับ – ที่แถบ Sprites คลิกไอคอนตัวละคร

ที่เมนูด้านข้าง เลือก Theme > Music – เลือก Singer1 แล้วกดปุ่ม OK – วางตำแหน่งกลองตามที่ต้องการ

14. น้องๆ สามารถเพิ่มเสียงที่ต้องการได้โดย – ไปที่แถบ Sounds (อยู่ข้างๆ แถบ Costumes) – จากนั้นกดปุ่มลำโพง

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

เราจะพบเสียงที่เราเลือกปรากฏบนหน้าจอ

15. จากนั้นเราจะเพิ่ม Scripts ให้กับ Singer1 ของเรา ดังนี้ครับ

15.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when space key pressed ] มาที่พื้นที่ว่างด้านขวา แล้วเปลี่ยนจาก “space” เป็น “left arrow” (หรือปุ่มใดก็ได้ที่น้องๆ ชอบครับ)

15.2) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ repeat 10 ] มาต่อกล่องที่แล้ว แล้วเปลี่ยนจาก “10” เป็น “2”

15.3) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound bass beatbox ] มาต่อในช่อง repeat

15.4) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อกล่องที่แล้ว แล้วเปลี่ยนจาก “1” เป็น “0.25”

15.5) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound hihat beatbox ] มาต่อกล่องที่แล้ว

15.6) เหมือนข้อ 15.4)

15.7) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound snare beatbox ] มาต่อกล่องที่แล้ว

15.8) เหมือนข้อ 15.4)

15.9) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound hihat beatbox ] มาต่อกล่องที่แล้ว

15.10) เหมือนข้อ 15.4)

เมื่อน้องๆ กดปุ่ม left arrow (ลูกศรซ้าย) ก็จะได้ยินเสียง Beatbox ครับ

บันทึกเสียง

นอกจากนี้น้องๆ สามารถบันทึกเสียงของน้องๆ ใส่เข้าไปได้ด้วยนะครับ – ไปที่แถบ Sounds (อยู่ข้างๆ แถบ Costumes) – จากนั้นกดปุ่มไมโครโฟน เพื่อทำการบันทึกเสียง

บทส่งท้าย

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

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

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

The post สร้างเกมส์ด้วย Scratch : ตอนที่ 5 เสียงดนตรี appeared first on KarnLab.

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

เลือกพื้นหลัง

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

จากนั้นเลือกพื้นหลังที่ต้องการ (เช่น pathway, slopes) แล้วกดปุ่ม OK – เราจะเห็นพื้นหลังที่เราเลือกปรากฏที่ Stage

เราจะได้ผลลัพธ์ดังนี้

เลือกตัวละคร

Tip: น้องสามารถลบตัวละครที่ไม่ต้องการได้โดย – ที่แถบ Sprites คลิกขวาตัวละครที่ไม่ต้องการ – แล้วกดปุ่ม delete

2. ที่แถบ Sprites ข้างขวาข้อความ New Sprite คลิกไอคอนตัวละคร

จากนั้นเลือกตัวละครที่ต้องการ (เช่น Abby หรือ Devin) – แล้วกดปุ่ม OK ครับ

น้องๆ ลองเพิ่มตัวละครอีก 1 ตัว – แล้วใช้เมาส์คลิกและเลื่อนตัวละครให้อยู่ในตำแหน่งที่สวยงามนะครับ

Tip: น้องสามารถเปลี่ยนขนาดของตัวละครได้โดย – ที่แถบ Scripts / Costumes / Sounds – ให้คลิกที่แถบ Costumes – จากนั้นคลิกที่ตัวละคร – คลิกลากที่มุมขวาบนเพื่อย่อขนาด

เริ่มเรื่องสั้น

3. คลิกเลือกตัวละครที่ต้องการ (Abby) ที่แถบ Sprites – จากนั้นสร้าง Script

3.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when Green Flag clicked ] มาที่พื้นที่ว่างด้านขวา

3.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ switch backdrop to pathway / slopes ] มาต่อข้างล่างกล่องที่แล้ว

3.3) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ say Hello! for 2 secs ] มาต่อข้างล่างกล่องที่แล้ว – จากนั้นเปลี่ยนข้อความ จาก Hello! เป็น I want to explore!

เมื่อคลิกที่ธงสีเขียว เราจะได้ผลลัพธ์ดังภาพครับ

แสดงตัวละครใหม่

4. เพิ่มตัวละใหม่ เช่น Dragon หรือ Unicorn (วิธีเพิ่มตัวละคร ทำตามข้อ 3 ครับ)

Tip: สำหรับวิธีการกลับด้าน/พลิกตัวละคร น้องๆ สามารถทำได้โดย – ที่แถบ Scripts / Costumes / Sounds – ให้คลิกที่แถบ Costumes – จากนั้นคลิกที่ตัวละคร – คลิกปุ่ม flip left-right ที่มุมบนขวา

Tip: สำหรับวิธีการหมุนตัวละคร น้องๆ สามารถทำได้โดย – ที่แถบ Scripts / Costumes / Sounds – ให้คลิกที่แถบ Costumes – จากนั้นคลิกที่ตัวละคร – คลิกที่จุดวงกลมด้านบน/ล่างของรูปตัวละคร – จากนั้นหมุนเมาส์ตามที่ต้องการ

5. เพิ่ม Script ดังต่อไปนี้ (ให้กับตัวละครใหม่)

5.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when Green Flag clicked ] มาที่พื้นที่ว่างด้านขวา

5.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ hide ] มาต่อข้างล่างกล่องที่แล้ว

5.3) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 2 secs ] มาต่อข้างล่างกล่องที่แล้ว

5.4) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ show ] มาต่อข้างล่างกล่องที่แล้ว

5.5) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound pop ] มาต่อข้างล่างกล่องที่แล้ว

Tip: น้องๆ สามารถเพิ่มเสียงเอฟเฟกต์ได้โดย – ที่แถบ Scripts / Costumes / Sounds – ให้คลิกที่แถบ Sounds – คลิกปุ่มลำโพง ใต้ข้อความ New Sound: – จากนั้นเลือกเสียงที่ต้องการ แล้วกดปุ่ม OK

ที่แถบ Script – คำสั่ง [ play sound ] – เราก็จะสามารถเลือกเสียงที่เราเพิ่มเข้ามาได้ครับ

เพิ่มฉาก (1)

6. เพิ่มฉากหลัง เช่น woods, dessert (วิธีเพิ่มพื้นหลัง ทำตามข้อ 1 ครับ)

เปลี่ยนฉาก

จากนั้นเราจะให้ตัวละครพูดเล็กน้อย ก่อนที่จะเปลี่ยนฉากครับ

7. เพิ่มเติม Script ให้กับ Unicorn (ต่อจากข้อที่ 5)

5.6) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ say Hello! for 2 secs ] มาต่อข้างล่างกล่องที่แล้ว – เปลี่ยนคำว่า Hello! เป็น Follow me!

5.7) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ switch backdrop to dessert ] มาต่อข้างล่างกล่องที่แล้ว

ลองกดปุ่มธงสีเขียว แล้วสังเกตการเปลี่ยนแปลง

เริ่มบทสนทนา

8. เลือกตัวละคร (เช่น Abby) – จากนั้นเพิ่ม Script ดังต่อไปนี้

8.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when backdrop switches to desert ] มาที่พื้นที่ว่างด้านขวา

8.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ say Hello! for 2 secs ] มาต่อข้างล่างกล่องที่แล้ว – เปลี่ยนคำว่า Hello! เป็น Where are we?

8.3) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ broadcast message1 ] มาต่อข้างล่างกล่องที่แล้ว

พูดคุยโต้ตอบ

9. เลือกตัวละคร (เช่น Unicorn) – จากนั้นเพิ่ม Script ดังต่อไปนี้

9.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when I receive message1 ] มาที่พื้นที่ว่างด้านขวา

9.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ say Hello! for 2 secs ] มาต่อข้างล่างกล่องที่แล้ว – เปลี่ยนคำว่า Hello! เป็น On our way to the castle!

ลองกดปุ่มธงสีเขียว แล้วสังเกตการเปลี่ยนแปลง

เคลื่อนที่

10. ต่อไปเราจะมาลองเคลื่อนที่ตัวละคร (เช่น Unicorn) – โดยเพิ่ม Script ดังต่อไปนี้ (ต่อจากข้อที่ 9)

10.1) ให้เคลื่อนที่ตัวละครไปยังตำแหน่งที่ต้องการ จากนั้น

10.2) ที่แถบ Scripts ให้คลิกที่คำว่า Motions (สีน้ำเงิน) – ให้ลากกล่อง [ glide 1 secs to x: ___ y: ___ ] มาต่อข้างล่างกล่องที่แล้ว

Tip: ถ้าต้องการให้ตัวละครอยู่ในตำแหน่งเริ่มต้นเมื่อเริ่มเรื่องราว ให้เราใส่คำสั่ง [ go to x: ___ y: ___ ] ต่อจากคำสั่ง [ when Green Flag clicked ]

เพิ่มฉาก (2)

11. เพิ่มฉากหลังอีก 1 ฉากครับ (เช่น castle1, castle2, castle3) (วิธีเพิ่มพื้นหลัง ทำตามข้อ 1 ครับ)

12. คลิกที่ตัวละคร (Unicorn) แล้วเพิ่ม Script ดังต่อไปนี้ครับ (ต่อจากข้อ 10.)

12.1) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ switch backdrop to castle3 ] มาต่อข้างล่างกล่องที่แล้ว

12.2) ที่แถบ Scripts ให้คลิกที่คำว่า Motions (สีน้ำเงิน) – ให้ลากกล่อง [ go to x: ___ y: ___ ] มาต่อข้างล่างกล่องที่แล้ว – เปลี่ยนตำแหน่ง X,Y เป็น 140,-50

ลองกดปุ่มธงสีเขียว แล้วสังเกตการเปลี่ยนแปลง

ปรากฏในฉาก

13. เพิ่มวัตถุใหม่ให้กับเรื่องราวของเรา (เช่น Key, Magic Carpet)

14. 1 ถ้าเราต้องการให้วัตถุหรือตัวละครปรากฏเมื่อถึงฉากใดๆ ให้น้องเขียน Script ดังนี้ครับ

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

14.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ hide ] มาต่อข้างล่างกล่องที่แล้ว

14.3) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when backdrop switches to castle3 ] มายังพื้นที่ว่างด้านขวา

14.4) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ show ] มาต่อข้างล่างกล่องที่แล้ว

โต้ตอบผู้ชม

15. เมื่อเราคลิกที่วัตถุ (เช่น Key) จะเปลี่ยนสีได้ครับ

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

15.2) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ repeat 10 ] มาต่อข้างล่างกล่องที่แล้ว

15.3) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ change color effect by 25 ] มาต่อในกล่อง [ repeat 10 ]

ลองกดปุ่มธงสีเขียว แล้วสังเกตการเปลี่ยนแปลง

เรื่องราวที่ไม่สิ้นสุด

16.

17.

18.

19.

20.

…..

น้องๆ ลองใช้จินตนาการสร้างเรื่องราวในแบบของน้องๆ เองได้เลยครับ

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

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

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

The post สร้างเกมส์ด้วย Scratch : ตอนที่ 4 สร้างเรื่องสั้น appeared first on KarnLab.

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

ใส่พื้นหลัง

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

2. จากนั้นเลือกพื้นหลังที่ต้องการ แล้วกดปุ่ม OK – เราจะเห็นพื้นหลังที่เราเลือกปรากฏที่ Stage

เปลี่ยนสีพื้นหลัง

3. คลิกที่แถบ Scripts – พร้อมกับเช็คว่า Stage (ที่แถบ Sprites) กำลังถูกเลือกอยู่

4. เพิ่ม Scripts เปลี่ยนสีพื้นหลัง

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

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

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

เพิ่มตัวละคร

5. ที่แถบ Sprites ข้างขวาข้อความ New Sprite คลิกไอคอนตัวละคร

จากนั้นเลือกตัวละครที่ต้องการ แล้วกดปุ่ม OK ครับ

คลิกลากตัวละครบน Stage เพื่อปรับตำแหน่งให้สวยงามครับ

พูดทักทาย

6. คลิกเลือกตัวละครที่ต้องการ (ที่แถบ Sprites) – จากนั้นสร้าง Script

6.1) ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ให้ลากกล่อง [ when Green Flag clicked ] มาที่พื้นที่ว่างด้านขวา

6.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ say Hello! for 2 secs ] มาต่อข้างล่างกล่องที่แล้ว – จากนั้นเปลี่ยนข้อความ จาก Hello! เป็น Happy Birthday!

เล่นดนตรี

7. แต่งานวันเกิดจะขาดเค้กไม่ได้ เราต้องเพิ่มเค้กก่อนครับ – ที่แถบ Sprites ข้างขวาข้อความ New Sprite คลิกไอคอนตัวละคร – จากนั้นเลือกเค้กที่ต้องการ แล้วจัดตำแหน่งให้สวยงามครับ

8. เพิ่มเสียงเพลง

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

8.2) ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ให้ลากกล่อง [ play sound birthday song ] มาต่อข้างล่างกล่องที่แล้ว – ลองคลิกที่เค้ก เราจะได้ยินเพลง Happy Birthday ครับ (อย่าลืมเปิดลำโพงด้วยนะ)

ใส่การเคลื่อนไหว

9. 9. คลิกเลือก Sprite ที่ต้องการ จากนั้นใส่ Script ต่อไปนี้

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

9.2) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ change size by 10 ] มาต่อข้างล่างกล่องที่แล้ว

9.3) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อข้างล่างกล่องที่แล้ว

9.4) ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ให้ลากกล่อง [ change size by 10 ] มาต่อข้างล่างกล่องที่แล้ว – เปลี่ยนตัวเลข จาก 10 เป็น -10

9.5) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ wait 1 sec ] มาต่อข้างล่างกล่องที่แล้ว

ลองคลิกที่รูปเค้ก แล้วสังเกตผลลัพธ์ครับ

ทำซ้ำ

10. เพื่อที่จะทำให้เค้กของเราดุ๊กดิ๊กซ้ำๆ เราต้องเพิ่มคำสั่ง repeat ครับ – ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ repeat 10 ] มาครอบคำสั่งในข้อที่ 9 – แล้วเปลี่ยนตัวเลข จาก 10 เป็น 4 (ดังภาพด้านล่าง)

เมื่อเราคลิกที่รูปเค้ก เค้กของเราก็จะดุ๊กดิ๊กนานขึ้นจนจบเพลงครับ

หมุนรอบๆ

11. สุดท้ายเราจะมาทำให้ตัวละครหมุนรอบตัวเองกันครับ – เลือกตัวละคร (Sprite) ที่ต้องการ จากนั้นใส่ Script ดังนี้

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

11.2) ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ให้ลากกล่อง [ turn right 15 degrees ] มาต่อข้างล่างกล่องที่แล้ว

11.3) ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ให้ลากกล่อง [ repeat 10 ] มาครอบคำสั่ง [ turn right 15 degrees ] – แล้วเปลี่ยนตัวเลข จาก repeat 10 เป็น repeat 24 (ดังภาพด้านล่าง)

เมื่อเราคลิกที่ตัวละคร ก็จะพบว่าตัวละครหมุน 360 องศาครับ

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

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

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

The post สร้างเกมส์ด้วย Scratch : ตอนที่ 3 สุขสันต์วันเกิด appeared first on KarnLab.

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

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

1. คลิกที่ไอคอนรูปตัวละคร (อยู่ที่แถบ Sprites – สังเกตที่ข้างๆ ข้อความ New Sprite)

2. เลือก Category: Letters – เลือกตัวอักษรที่ต้องการ (จะเป็นตัวอักษรแรกของชื่อเล่น ชื่อที่ชอบ หรือ คำศัพท์ภาษาอังกฤษอะไรก็ได้ครับ)

3. เอารูปแมวออก – ด้วยการคลิกขวาที่รูปแมว ในแถบ Sprites – จากนั้นคลิก Delete

ใส่เอฟเฟกต์

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

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

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

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

ใส่เสียง

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

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

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

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

ใส่พื้นหลัง

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

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

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

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

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

หมุนหมุน

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[สำหรับ Scratch 3.0] – น้องๆ สามารถเขียนโปรแกรม โดยเข้าไปที่เว็บไซต์ https://scratch.mit.edu/create ได้เลย หรือ ถ้าต้องการลงโปรแกรมในคอมพิวเตอร์ของเรา สามารถดาวน์โหลดโปรแกรมเวอร์ชันล่าสุดได้ที่ https://scratch.mit.edu/download

[สำหรับ Scratch 2.0] – น้องๆ ต้องดาวน์โหลดโปรแกรมเวอร์ชัน 2.0 จากที่นี่ https://scratch.mit.edu/download/scratch2 แล้วติดตั้วลงในคอมพิวเตอร์ก่อนนะครับ

• วิธีติดตั้ง Scratch 2.0 ลงในคอมพิวเตอร์ – เร็วๆ นี้

กรณีใช้งานโปรแกรมผ่านเว็บไซต์ แนะนำให้สมัครสมาชิกก่อน เพราะจะสามารถบันทึกโปรแกรมไว้แก้ไขในภายหลังและแชร์โปรแกรมให้เพื่อนๆ ได้ครับ

• วิธีสมัครสมาชิกเว็บไซต์เพื่อใช้งานโปรแกรม Scratch

เนื่องจากบทเรียนนี้ใช้ Scratch เวอร์ชันภาษาอังกฤษ ดังนั้นหาก Web Browser ของน้องๆ แสดงผลเป็นภาษาไทย สามารถเปลี่ยนภาษาไทยเป็นภาษาอังกฤษได้ดังนี้ครับ

• วิธีเปลี่ยนภาษา (ไทย-อังกฤษ) บนโปรแกรม Scratch

เริ่มต้นเขียนโปรแกรม

เข้าไปที่ https://scratch.mit.edu/projects/editor/ เราจะเห็นหน้าตาโปรแกรมแบบนี้ครับ

ไม่ต้องเสียเวลา… เรามาเริ่มเขียนโปรแกรมแรกกันเลย (จะทยอยอธิบายส่วนประกอบของโปรแกรมไปพร้อมๆ กับการเขียนโปรแกรมนะครับ)

เริ่มเคลื่อนไหว

1. ลากกล่องที่เขียนว่า [ move 10 steps ] มาที่พื้นที่ว่างด้านขวา

2. เมื่อเราลองคลิกกล่องนี้ จะพบว่าน้องแมวส้มเคลื่อนที่ไปทางขวา (ทีละ 10 pixels)

เพิ่มเสียง

3. ที่แถบ Scripts ให้คลิกที่คำว่า Sound (สีม่วง) – ลากกล่องที่เขียนว่า [ play drum … ] นำมาต่อข้างล่างกล่อง [ move … ]

4. ลองคลิกที่กล่อง [ play drum … ] เราจะได้ยินเสียงกลอง (อย่าลืมเปิดลำโพงก่อนนะ!)

เพิ่มเติม:

• ภายในแถบ Scripts จะรวบรวมคำสั่งที่ใช้ในการควบคุมและแสดงผลโปรแกรมทั้งหมด แบ่งได้เป็น 10 ประเภท
• คำสั่งประเภท Motion ทำหน้าที่แสดงผลการเคลื่อนที่และการหมุนของตัวละคร/วัตถุ
• คำสั่งประเภท Looks ทำหน้าที่แสดงผลตัวละคร/วัตถุ แสดงคำพูด เปลี่ยนสี เปลี่ยนขนาด
• คำสั่งประเภท Sounds ทำหน้าที่แสดงผลด้านเสียง

เต้น เต้น

5. ที่แถบ Scripts ให้คลิกที่คำว่า Motion (สีน้ำเงิน) – ลากกล่องที่เขียนว่า [ move … ] นำมาต่อข้างล่างกล่อง [ play drum … ] – จากนั้นเปลี่ยนตัวเลข 10 เป็น -10 (โดยการ double-click แล้วพิมพ์ค่าใหม่)

6. ที่แถบ Scripts ให้คลิกที่คำว่า Sounds (สีม่วง) – ลากกล่องที่เขียนว่า [ play drum … ] นำมาต่อข้างล่างกล่อง [ move … ] – จากนั้นลองเปลี่ยนรูปแบบเสียงกลอง โดยคลิกที่เลข 1 แล้วเลือกเสียงที่ชอบ

7. ลองคลิกที่กล่องคำสั่ง เราจะพบว่าน้องแมวส้มของเราเริ่มเต้นพร้อมกับเสียงกลองแล้ว

เต้นอีก เต้นอีก

8. ที่แถบ Scripts ให้คลิกที่คำว่า Control (สีส้ม) – ลากกล่องที่เขียนว่า [ repeat 10 ] นำมาครอบกล่องคำสั่งเดิมของเราครับ – จากนั้นลองคลิกที่กล่อง จะพบว่าน้องแมวเต้นซ้ำกัน 10 ครั้งครับ

เพิ่มเติม:

• ภายในแถบ Scripts จะรวบรวมคำสั่งที่ใช้ในการควบคุมและแสดงผลโปรแกรมทั้งหมด แบ่งได้เป็น 10 ประเภท
• คำสั่งประเภท Control ทำหน้าที่ควบคุมขั้นตอนการทำงานของโปรแกรม (เช่น เงื่อนไข ทำซ้ำ เป็นต้น)
• คำสั่งประเภท Events ทำหน้าที่ดูแลเหตุการณ์ต่างๆ ที่เกิดขึ้นกับโปรแกรม (เช่น เมื่อมีการกดปุ่มธงสีเขียว เมื่อมีการกดแป้นพิมพ์ เมื่อได้รับข้อความ เป็นต้น)

พูดอะไรสักหน่อย

9. ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ลากกล่องที่เขียนว่า [ Say Hello! for 2 secs ] นำมาต่อบนกล่อง [ repeat 10 ] – จากนั้นลองคลิกที่กล่อง จะพบว่าน้องแมวของเราพูดคำว่า Hello! เป็นเวลา 2 วินาที ก่อนที่จะเต้นครับ

ธงสีเขียว

10. ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – ลากกล่องที่เขียนว่า [ when _ clicked ] นำมาต่อบนกล่อง [ Say Hello … ] – จากนั้นให้คลิกปุ่มธงสีเขียว (ข้างๆ ปุ่มแปดเหลี่ยมสีแดง) – จะพบว่าน้องแมวของเราพูดคำว่า Hello! เป็นเวลา 2 วินาที ก่อนที่จะเต้น (เหมือนในข้อ 9)

เปลี่ยนสี

11. ที่แถบ Scripts ให้คลิกที่คำว่า Looks (สีม่วง) – ลากกล่องที่เขียนว่า [ change color effect by 25 ] นำมาวางไว้ที่พื้นที่ว่าง – ลองกดที่กล่องดังกล่าว จะพบว่าน้องแมวสีส้มเปลี่ยนเป็นสีเขียว

กดปุ่มบนคีย์บอร์ด

12. ที่แถบ Scripts ให้คลิกที่คำว่า Events (สีน้ำตาล) – จากนั้นลากกล่องที่เขียนว่า [ when space key pressed ] นำมาวางบนกล่อง [ change color effect by 25 ] – ลองกดปุ่ม spacebar บนคีย์บอร์ด จะพบว่าน้องแมวเปลี่ยนสี

เราสามารถเปลี่ยนจากปุ่ม spacebar เป็นปุ่มอื่นๆ ก็ได้ครับ (โดยการคลิกที่คำว่า space ที่กล่อง when ___ key pressed )

เพิ่มเติม:

• การเริ่มต้นทำงานของโปรแกรมมักจะเกิดจากเหตุการณ์ต่างๆ เช่น เมื่อกดปุ่มธงสีเขียว หรือ กดปุ่ม spacebar เป็นต้น
• ลำดับการทำงานของโปรแกรมจะเป็นแบบบนลงล่าง คือ ทำงานคำสั่งที่อยู่ข้างบนก่อน แล้วทำงานตามลำดับลงมาข้างล่างเรื่อยๆ

แต่ถ้ามีการใส่ตัวควบคุมการทำงานซ้ำ หรือ การทำงานตามเงื่อนไข ลำดับการทำงานของโปรแกรมก็จะเปลี่ยนไปตามที่กำหนด

เปลี่ยนพื้นหลัง

14. เราสามารถเปลี่ยนรูปภาพพื้นหลังได้โดย – ไปที่แถบ Sprites สังเกตที่ข้างล่างข้อความ New Backdrop กดปุ่มรูปภาพ

15. จะปรากฏหน้าต่างให้เราเลือกรูปภาพที่ต้องการ

16. เมื่อเลือกรูปภาพแล้วกดปุ่ม OK – จากพื้นหลังสีขาวจะเปลี่ยนเป็นพื้นหลังที่เราต้องการ

เพิ่มตัวละคร

17. เราสามารถเพิ่มตัวละครได้โดย – ไปที่แถบ Sprites สังเกตที่ข้างๆ ข้อความ New Sprite กดปุ่ม รูปตัวละคร

18. จะปรากฏหน้าต่างให้เราเลือกรูปตัวละครที่ต้องการ

19. เมื่อเลือกรูปตัวละครแล้วกดปุ่ม OK – จะปรากฏตัวละครใหม่

20. น้องๆ ลองเพิ่มคำสั่งดังต่อไปนี้ให้กับตัวละครใหม่ – ลองกดปุ่มธงสีเขียวแล้วสังเกตการทำงานของโปรแกรมนะครับ

วิธีการบันทึกโปรเจค (สำหรับเว็บไซต์)

น้องๆ สามารถตั้งชื่อโปรเจคได้โดยเปลี่ยนชื่อที่กล่องข้อความ (แถวๆ ปุ่มธงสีเขียว)

น้องๆ สามารถบันทึกโปรเจคได้โดยกดปุ่ม File ที่เมนูด้านบน จากนั้นกดปุ่ม Save Now

วิธีการบันทึกโปรเจค (สำหรับโปรแกรม)

(เร็วๆ นี้)

วิธีการแชร์โปรเจค

น้องๆ สามารถแชร์โปรเจคได้โดยกดปุ่ม Share ที่มุมบนขวาบน

วิธีดูโปรเจคของเรา

น้องๆ สามารถเข้าไปดู Project ของเราทั้งหมดได้โดยเข้าไปที่นี่ครับ https://scratch.mit.edu/mystuff

เมื่อน้องๆ คลิกเข้าไปดูโปรเจคที่ต้องการ สามารถกดปุ่ม See Inside เพื่อเข้าไปแก้ไขโปรแกรมได้ครับ หรือกดปุ่ม Share ให้เพื่อนๆ เห็นโปรเจคของเราก็ได้ครับ

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

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

The post สร้างเกมส์ด้วย Scratch : ตอนที่ 1 – เริ่มต้นเขียนโปรแกรมภาษา Scratch appeared first on KarnLab.

ไม่ต้องตกใจครับ เราสามารถเปลี่ยนภาษาแสดงผลของ Scratch ได้ดังนี้

ขั้นตอนที่ 1 – ในหน้าเว็บไซต์ Scratch (หน้าไหนก็ได้) เลื่อนหน้าจอลงมาด้านล่างสุด – เราจะพบกล่องข้อความภาษา

ขั้นตอนที่ 2 – คลิกที่กล่องแสดงผลภาษา – เลือกภาษาที่ต้องการ

เพียงเท่านี้ Scratch ก็จะแสดงผลในภาษาที่เราต้องการแล้วครับ

The post วิธีเปลี่ยนภาษา (ไทย-อังกฤษ) บนโปรแกรม Scratch appeared first on KarnLab.

ขั้นตอนที่ 1 – เข้าไปที่เว็บไซต์ https://scratch.mit.edu/ – จากนั้นกดปุ่ม Join Scratch

ขั้นตอนที่ 2 – กรอกข้อมูล Username (เป็นภาษาอังกฤษ) และ Password – จากนั้นกดปุ่ม Next

ขั้นตอนที่ 3 – กรอกข้อมูล เดือน/ปีเกิด เพศ และ ประเทศ – จากนั้นกดปุ่ม Next

ขั้นตอนที่ 4 – กรอกอีเมล (ต้องเป็นอีเมลที่มีอยู่จริง) – จากนั้นกดปุ่ม Next

ขั้นตอนที่ 5 – ระบบจะส่งอีเมลยืนยันไปที่อีเมลแอดเดรสที่เราระบุ – ตรวจสอบอีเมลที่ได้รับ

ขั้นตอนที่ 6 – ในอีเมล ให้กดปุ่มหรือลิงค์ เพื่อยืนยันตัวตน

เราก็จะสามารถใช้งาน Scartch ได้ตามปกติ และสามารถบันทึกโปรแกรมแชร์โปรแกรมได้ครับ

The post วิธีสมัครสมาชิกเว็บไซต์เพื่อใช้งานโปรแกรม Scratch appeared first on KarnLab.

ภาษา Scratch มุ่งเน้นไปที่การสอนให้เด็กๆ และบุคคลทั่วไปเข้าใจการเขียนโปรแกรมให้มากขึ้น ผ่านการเขียนโปรแกรมแบบง่ายๆ ดังนั้น ภาษา Scratch จึงได้รับความนิยมในการนำมาใช้ประกอบการเรียนการสอนในโรงเรียนและวิทยาลัยต่างๆ (แต่ภาษา Scratch ไม่สามารถนำมาใช้เขียนโปรแกรมใช้ในชีวิตจริงได้)

ภาษา Scratch ได้รับการพัฒนาโดยมหาวิทยาลัยแมสซาชูเซตส์ (MIT – Massachusetts Institute of Technology) ตั้งแต่ปี ค.ศ. 2002 เปิดให้บริการครั้งแรกในปี ค.ศ. 2007 ปัจจุบันมีโปรแกรมที่ถูกพัฒนาด้วยภาษา Scratch กว่า 40 ล้านโปรเจค

การใช้เพื่อการศึกษา

ภาษา Scratch ถูกใช้เป็นภาษาเบื้องต้นในการเรียนเขียนโปรแกรม เพราะถูกออกแบบมาให้ผู้เรียนสามารถสร้างโปรแกรมได้โดยง่าย มุ่งเน้นที่การทำความเข้าใจการควบคุมและการทำงานของโปรแกรมมากกว่าการเขียนโค้ด และความเข้าใจนี้จะทำให้ผู้เรียนสามารถต่อยอดไปสู่การเขียนโปรแกรมภาษาอื่นๆ ที่ยากขึ้นต่อไปได้ เช่น C++, Java, Python เป็นต้น

ด้วยภาษา Scratch ผู้เรียนสามารถสร้างสื่อ แอนิเมชัน และเกมส์อย่างง่ายได้

หน้าตาของโปรแกรม

สำหรับการใช้งานโปรแกรม สามารถเข้าถึงง่ายๆ ผ่าน Web Browser (Chrome, Firefox, Edge, etc.) โดยเข้าไปที่  https://scratch.mit.edu/projects/editor/

* Web Browser ต้องติดตั้งและเปิดใช้งาน Flash Player ก่อนนะครับ จึงจะใช้งานโปรแกรม Scratch ได้

จากรูปภาพ

1. แถบบนสุดของโปรแกรมจะเป็น Menu Bar (ส่วนใหญ่จะใช้เพื่อบันทึกโปรแกรมและบันทึกวิดีโอการทำงานของโปรแกรม)
2. ชื่อของโปรแกรม ปุ่มเริ่มการทำงาน (ธงสีเขียว) และ ปุ่มหยุดการทำงาน (แปดเหลี่ยมสีแดง)
3. Stage Area
4. Sprites Area
5. Scripts Tab

นอกจากนี้ยังมี Costumes Tab และ Sounds Tab

Stage Area ทำหน้าที่แสดงผลลัพธ์การทำงานของโปรแกรม ใช้ระบบพิกัด X-Y ในการระบุตำแหน่งของวัตถุ โดยจุดกึ่งกลางมีค่า X=0, Y=0 พื้นที่แสดงผลลัพธ์มีความกว้าง 480 pixels ความยาว 360 pixels ด้านซ้ายสุด X = -240 ด้านขวาสุด X = 240 ด้านบนสุด Y = 180 ด้านล่างสุด Y = -180

Sprites Area อยู่ด้านล่าง Stage Area ทำหน้าที่แสดงตัวละคร (วัตถุ) ในโปรแกรม เราสามารถเพิ่มวัตถุหรือตัวละครได้โดย (1) เลือกจาก Library ที่เตรียมไว้ให้ (2) วาดใหม่เองผ่าน Editor (3) อัพโหลดจากคอมพิวเตอร์ของเรา (4) ถ่ายรูปจากกล้องที่เชื่อมต่อกับคอมพิวเตอร์

ที่ Scripts Tab แสดง Blocks ต่างๆ สำหรับเขียนโปรแกรม แบ่งเป็น 10 ประเภท ได้แก่ Motion, Looks, Sound, Pen, Data, Events, Control, Sensing, Operators, และ More Blocks

(ภาพประกอบจาก: https://opensource.com/article/18/4/designing-game-scratch-open-jam)

ถัดจาก Scripts tab ก็จะเป็น Costumes tab ซึ่งผู้ใช้งานสามารถเปลี่ยนหน้าตาของ Sprites เพื่อสร้างงาน Animation ได้ และแถบสุดท้ายคือ Sounds tab มีไว้สำหรับแทรกเสียงประกอบและดนตรีได้

สำหรับใครที่พร้อมแล้ว เราจะมาลองสร้างโปรเจคแรกกันในตอนต่อไปกันเลยครับ https://karnlab.com/scratch-ep1-lets-start/

ปล. สำหรับบทเรียนนี้ ผมตั้งใจว่าจะทำออกมาทั้งหมด 12 ตอนครับ (แบบอนิเมะเลย) โปรเจคทั้งหมดสามารถเข้าไปเยี่ยมชมได้ที่ https://scratch.mit.edu/users/doctorkarn/

อ้างอิง:

• https://en.wikipedia.org/wiki/Scratch_(programming_language)
• https://scratch.mit.edu/

The post สร้างเกมส์ด้วย Scratch : ตอนที่ 0 – รู้จักภาษา Scratch appeared first on KarnLab.