ลองใช้ Scratch เพื่อสร้างเกมวาดรูปทำนองเพลง ทุกคนสามารถเรียนรู้การเขียนโค้ดด้วย Scratch ซึ่งพัฒนาโดย MIT Media Labs มันค่อนข้างง่ายที่จะสร้างเกม แอนิเมชั่น งานศิลปะ และสิ่งเจ๋งๆ อื่นๆ

เกี่ยวกับโครงการ:

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

การ ขีดเขียนจะทำให้ได้เพลงที่น่าสนใจและน่าฟัง สิ่งนี้จะทำให้พวกเขาอยากรู้อยากเห็น

นี่เป็นโครงการสำหรับหลักสูตร "การเรียนรู้ของเครื่อง" ที่สอนโดยANMOL SRIVASTAVA เราใช้เวอร์ชันแก้ไขของ scratch — ยืด (http://stretch3.github.io/). สิ่งนี้ทำให้เราได้รับส่วนขยายเพิ่มเติมเพื่อให้เราเล่นด้วย

เราใช้ 4 ส่วนขยายในโครงการนี้:

1. Handpose2Scratch
2. ปากกา
3. ดนตรี
4. TM2Scratch

ให้แบ่งเกมออกเป็นขั้นตอนต่อไปนี้:-

1. เลือกสไปรต์ (ปากกา) และใช้เมาส์เพื่อควบคุมการเคลื่อนไหว
2. เพิ่มสีให้กับผืนผ้าใบเมื่อคลิกเมาส์
3. เปลี่ยนสีโดยใช้ปุ่มต่างๆ
4. สร้างบล็อกและกำหนดสีต่างๆ ให้เสียงที่แตกต่างกัน
5. เพิ่มการควบคุมการเคลื่อนไหวของนิ้วให้กับสไปรท์ (ปากกา) โดยใช้ Handpose2Scratch (สำหรับผลลัพธ์สุดท้ายของเรา)
6. เพิ่มเครื่องที่สามารถสอนได้สำหรับปากกาขึ้นและลงเพื่อให้การวาดด้วยนิ้วชี้ของคุณง่ายขึ้น

ขั้นตอนที่ 1: เลือกสไปรต์ (ปากกา) และใช้เมาส์เพื่อควบคุมการเคลื่อนไหว

เลือกเทพดา (ดินสอ) ที่สามารถเคลื่อนไหวได้ คุณสามารถตั้งชื่อได้เช่นกัน เราเลือกดินสอและกำหนดสีและชื่อ (สีน้ำเงิน) วางไว้ที่ตำแหน่ง X=0 และ Y=0 หมายความว่าจะอยู่ตรงกลางหน้า

นอกจากนี้ เรายังเพิ่มคำแนะนำเล็กๆ น้อยๆ เพื่อให้ผู้ใช้ได้รับการแจ้งเตือนเกี่ยวกับการทำงานเมื่อเริ่มเกมดังที่แสดงไว้ด้านบน

ขั้นตอนที่ 2 : เพิ่มสีให้กับผืนผ้าใบเมื่อคลิกเมาส์

หากต้องการเพิ่มการควบคุมการเคลื่อนที่ของเมาส์เหนือสไปรต์ เราเขียนโค้ดต่อไปนี้

ผู้ใช้สามารถวาดภาพโดยคลิกปุ่มเมาส์และเลื่อนปากกาด้วยตัวชี้เมาส์

ขั้นตอนที่ 3: เปลี่ยนสีโดยใช้ปุ่มต่างๆ

เราสร้างเครื่องแต่งกายที่แตกต่างกันสำหรับสีดินสอที่แตกต่างกันเพื่อแสดงการเปลี่ยนแปลงที่มองเห็นได้เมื่อกดแป้นบางปุ่มเพื่อเปลี่ยนสี

ขั้นตอนที่ 4: สร้างบล็อกและกำหนดสีต่างๆ ให้เสียงที่แตกต่างกัน

เราทำบล็อกและทำซ้ำเพื่อสร้างเส้นและกำหนดตำแหน่งไปทางซ้ายสุด (x=-240) และทำให้มันเคลื่อนที่ทุกๆ 10 ก้าวในทิศทาง X ทำให้ดูเหมือนเส้น

ขั้นตอนที่ 5: เพิ่มการควบคุมการเคลื่อนไหวของนิ้วให้กับสไปรต์ (ปากกา)

แทนที่ 'ตัวชี้เมาส์' ด้วย 'ไปที่ x & y' จากบล็อคการเคลื่อนไหว ในการยืด เพิ่มส่วนขยาย Handpose2Scratch

ลาก 'x ของนิ้วชี้' & 'y ของนิ้วชี้' ไปยังโปรแกรมหลักและเว้นวรรค

สิ่งนี้ทำให้สไปรต์ติดกับนิ้วชี้และเคลื่อนผ่านผืนผ้าใบไปเรื่อย ๆ

ขั้นตอนที่ 6: เพิ่มเครื่องสอนสำหรับปากกาขึ้นและลงเพื่อให้การวาดด้วยนิ้วชี้ของคุณง่ายขึ้น

ในเครื่องที่สอนได้ ให้เลือกตัวเลือกโครงการรูปภาพ:

ในการฝึกโหมดนี้ เราได้สร้างสองคลาส (Pen Up, Pen Down) ขั้นตอนนั้นง่าย สร้างคลาสและโมเดลโดยใช้กล้องเว็บ ผลลัพธ์จากการฝึกอบรมมีลักษณะดังนี้:

ต่อไป เราส่งออกโมเดลและคัดลอก URL

เพิ่มส่วนขยายของ Teachable Machine (TM2Scratch)

ลาก บล็อก URL ของโมเดลการจัดหมวดหมู่รูปภาพไปยังโปรแกรมหลัก (โค้ด) แล้วแทนที่“Mouse down?” ด้วยบล็อก“ภาพคือ___”

เพิ่มลิงก์เครื่องที่สามารถสอนได้ที่ผ่านการฝึกอบรม ไปยัง URL ของโมเดล ตั้งคำทำนายเป็นPen down

หลังจากทำตามทุกอย่างแล้ว นี่คือสิ่งที่เราคิดขึ้นมา

ดาวน์โหลดรหัสสุดท้ายที่นี่:https://drive.google.com/drive/folders/1w4FAdF74Uw74eZG-Fia1GtEOUkHMYfJU?usp=sharing

เครดิต

การเข้ารหัส: Ishaan Gupta & Anant Patrick

ความคิด แนวคิด การระดมสมอง และการวางแผน: Ishaan Gupta & Vedakshiaggarwal

เอกสารประกอบเนื้อหา : Ishaan Gupta & Vedakshi Aggarwal

เสร็จแล้ว! ง่ายขนาดนั้นเลยเหรอ

ขอบคุณที่สละเวลาของคุณที่นี่❤