มาสร้างวงดนตรีจาก Raspberry Pi กันเถอะ!

ตัวอย่างลองเล่นดูสิ! : https://scratch.mit.edu/projects/276872220

สิ่งที่จะได้เรียนรู้

• การเขียนโปรแกรมเพื่อเปลี่ยนเครื่องแต่งกายให้ sprite ใน Scratch
• การเขียนโปรแกรมเพื่อให้ sprite มีปฏิกิรินาโต้ตอบกับ input ใน Scratch
• เพิ่มเสียงให้กับ sprite ใน Scratch

อุปกรณ์และเครื่องมือที่ต้องใช้

• คอมพิวเตอร์หรือ Raspberry Pi ที่สามารถใช้งาน Scratch เวอร์ชัน 3 ได้
• โปรแกรม Scratch เวอร์ชัน 3 (ทั้งแบบ online และ offline)

มาเพิ่ม Sprite กันนะ!

ก่อนที่เราจะมาเริ่มเขียนโปรแกรม เราจะต้องมาเพิ่ม sprite เข้าไปในโปรแกรมของเราก่อน โดยมีขั้นตอน ดังนี้

1.) เปิดหรือสร้างโปรเจ็กต์ Scratch ขึ้นมา

สำหรับแบบ Online สร้างหรือเปิดโปรเจ็กต์ Scratch ได้ที่ rpf.io/scratch-new

สำหรับแบบ Offline สร้างหรือเปิดโปรเจ็กต์ Scratch ได้ที่ offline editor

และหากคุณต้องการดาว์นโหลดและติดตั้ง Scratch offline editor สามารถดาว์นโหลดได้ที่ rpf.io/scratchoff

โดยหน้าตาของโปรแกรมมีลักษณะดังภาพ

โดยแมวที่เห็นในภาพนั้นคือมาสคอตของ Scratch โดยเราไม่ได้ใช้งานในโปรเจ็กต์นี้ สามารถลบออกได้โดยกดที่เครื่องหมายกากบาทมุมขวาบนของรูปแมว

กดเพิ่ม sprite ใหม่ที่ปุ่มด้านขวาล่าง เลือก Choose sprite from library เพื่อดู sprite ที่ Scratch มีให้

เลื่อนลงไปด้านล่างจนพบกับ sprite ที่มีหน้าตาเป็นกลอง กดที่รูปกลองเพื่อเพิ่ม sprite นี้เข้าสู่โปรเจ็กต์ของเรา

หากคุณลงชื่อเข้าใช้งานโดยใช้บัญชี Scratch ของคุณ (กรณีใช้งานแบบ Online) คุณสามารถตั้งชื่อโปรเจ็กต์ของคุณได้ที่กล่องข้อความทางด้านบนของจอภาพ

เคล็ดลับ : การตั้งชื่อโปรเจ็กต์ให้เข้าใจได้ง่าย จะช่วยให้คุณสามารถหาโปรเจ็กต์ที่คุณต้องการได้อย่างรวดเร็วเมื่อคุณมีหลายๆโปรเจ็กต์เก็บไว้

หลังจากนั้นกดที่ File และเลือก Save now เพื่อบันทึกโปรเจ็กต์ของคุณ

และในกรณีที่คุณไม่ได้ใช้งาน Scratch แบบ online คุณสามารถกด Save to your computer เพื่อบันทึกโปรเจ็กต์ของคุณเข้าสู่คอมพิวเตอร์ของคุณแทนได้

มาสร้างเวทีให้กับวงดนตรีของเรากัน

วงดนตรีก็ต้องมีเวทีสำหรับทำการแสดงใช่ไหมล่ะ มาสร้างเวทีให้กับวงดนตรีของเรากันเถอะ!

ถ้าพื้นหลังของวงดนตรีเราเป็นสีขาวก็คงจะน่าเบื่อแย่ เพิ่มพื้นหลังให้กับวงดนตรีของเราโดยคลิก Choose a backdrop

เลือกประเภทพื้นหลังเป็นแบบ Indoors (ภายใน) และคลิกเลือกพื้นหลังรูป theatre (โรงละคร)

ลากรูปกลองไปวางที่ด้านบนเวที โดยภาพที่ได้น่าจะมีลักษณะดังภาพ

มาทำให้กลองของเรามีเสียงกัน!

ในขั้นตอนนี้ เราจะมาทำให้กลองของเรามีเสียงดังขึ้นเมื่อถูกคลิก โดยเราจะใช้ code blocks ที่อยู่ใน Script tab มาทำให้กลองของเรามีเสียง

1.) เราต้องเพิ่มส่วนขยาย Music extension เพื่อให้เราสามารถเล่นเสียงดนตรีได้ โดยคลิกที่ Add extension ทางด้านมุมซ้ายล่าง

เลือก Music exetension เพื่อเพิ่มส่วนขยาย

คลิกเลือกที่ drum sprite แล้วลาก 2 block นี้ไปวางที่ว่างทางด้านขวา

โดยดูให้แน่ใจว่าง block ทั้งสองได้เชื่อมต่อกันอยู่ (เหมือน LEGO) หลังจากนั้นลองกดที่กลองเพื่อดูว่ามีเสียงออกมาหรือไม่

ลองเปลี่ยนเสียงกลองเป็นหลายๆแบบ

คุณสามารถที่จะเปลี่ยนเสียงประเภทของกลองเวลาถูกคลิกได้ด้วยนะ

นอกจากนี้คุณยังสามารถที่จะทำให้กลองส่งเสียงออกมาได้เมื่อปุ่ม Spacebar บนคีย์บอร์ดถูกกดโดยใช้ event block

หากคุณไม่อยากลาก block ใหม่ออกมา สามารถกดคลิกขวาที่ block ที่ต้องการคัดลอก เลือก Duplicate เพื่อสร้าง block ใหม่ที่เหมือนบล็อกต้นแบบได้เลย

วงดนตรีของเราพร้อมแล้ว นักร้องล่ะ พร้อมหรือยัง?

มาเพิ่มนักร้องให้กับวงดนตรีของคุณกันเถอะ!

1.) เพิ่ม Sprite ที่หน้าตาเป็นนักร้องลงบนเวทีของคุณด้วยวิธีการเดียวการกับตอนที่เราเพิ่มกลอง

2.) ก่อนที่คุณจะทำให้นักร้องของเราส่งเสียงออกมาได้ คุณจำเป็นที่จะต้องเพิ่มเสียงนักร้องให้กับ sprite นักร้องของเราก่อน โดยการคลิกที่ sprite นักร้องของเรา แล้วเลือกที่ Tab Sound แล้วเลือก Choose a sound

3.) คลิกเลือกที่หัวข้อ Voice แล้วเลือกเสียงที่ต้องการเพิ่มให้กับ sprite นักร้องของเรา (ในที่นี้เราจะเลือกเสียงที่มีชื่อว่า Singer 1)

4.) เพื่อเป็นการให้นักร้องของเราส่งเสียงออกมาเมื่อถูกกด คลิกที่ sprite นักร้องของเราแล้ววาง block โปรแกรมดังภาพ

หลังจากนั้นก็ลองกดที่ตัวนักร้องของเราดูเลย ว่าเธอร้องเพลงออกมาหรือเปล่า?

มาแต่งตัวให้นักร้องของเรากัน

เรามาแต่งตัวให้กับนักร้องให้เธอสวยกันเถอะ!

1.) เราสามารถที่จะเปลี่ยนแปลงหน้าตาของ sprite นักร้องของเราโดยการคลิกที่หัวข้อ Costume

2.) คลิกขวาที่เครื่องแต่งกายของนักร้องแล้วเลือก duplicate

3.) คลิกที่เครื่องแต่งกายใหม่ (ซึ่งมีชื่อว่า Singer2) แล้วใช้เครื่องมือวาดเส้น (line tool) ในการวาดเส้นบริเวณปาก ให้เหมือนนักร้องมีการเปล่งเสียงร้องออกมา

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

5.) ตอนนี้คุณก็มีเครื่องแต่งกาย 2 รูปแบบสำหรับ sprite นักร้องของคุณแล้ว โดยคุณต้องการที่จะให้เครื่องแต่งการแต่ละแบบแสดงออกมาในช่วงเวลาที่แตกต่างกัน โดยสามารถใช้บล็อกโปรแกรมดังภาพในการกำหนดช่วงเวลาที่ต้องการให้เปลี่ยนชุดได้ ดังภาพ

นอกจากนี้ ลองทำให้กลองของเรามีลักษณะเมือนโดนตีเมื่อถูกคลิกดูสิ (ใช้วิธีเดียงกับที่เราทำกับ sprite นักร้องเมื่อกี้นี้เลย)

เราขอท้าคุณ: ลองทำให้วงดนตรีของเราดีขึ้นสิ!

ใช้ความรู้ที่คุณได้เรียนรู้จากโปรเจ็กต์นี้ในการสร้างวงดนตรีของคุณ โดยคุณสามารถสร้างเครื่องดนตรีประเภทใดตามที่คุณต้องการก็ได้ ลองดูเสียงเครื่องดนตรีที่ทาง Scratch มีให้เลือกใช้ดูสิ!

เครื่องดนตรีของคุณไม่จำเป็นที่จะต้องสมจริงก็ได้นะ ยกตัวอย่าง คุณอาจจะสร้างเปียโนที่หน้าตาเหมือนมัฟฟินก็ได้นะ

โดยคุณสามารถเลือกใช้ sprite ที่มีจาก library หรือสร้าง sprite ขึ้นมาด้วยตัวคุณเองก็ได้นะ

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