Musical Spirograph - วาดลวดลายดนตรีในเบราว์เซอร์ด้วย generative art

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

ไอเดียและการทำงานหลัก

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

ปรับแต่งได้เยอะ - สนุกและมีรายละเอียด

ผู้ใช้ปรับแต่งได้หลากหลาย: มีตัวเลือก rotor ให้เลือก 6 แบบ, ตั้งแขนวาดพร้อมกันได้สูงสุด 3 แขน และปรับพารามิเตอร์อื่นๆ ของรูปแบบลวดลายได้ตามต้องการ นอกจากนี้ยังมีสเกลให้เลือก 6 แบบ หรือจะกำหนดโน้ตเองก็ได้ รวมถึง preset ซินธ์ 6 แบบ ผู้ใช้สามารถปรับ quantization และ BPM ยืดจำนวนวงแหวนออกไปได้ถึง 2 octaves เพื่อขยายพิสัยเสียง

ข้อจำกัดของเสียงและฟีเจอร์ที่อยากเห็น

แม้แนวคิดจะชวนเล่น แต่เอ็นจินเสียงในตอนนี้ยังไม่ได้คุณภาพสูงนัก พบปัญหาการ clipping และ artifacts เมื่อเล่นดังหรือซับซ้อน ผู้เขียนของแอปต้นฉบับยังแสดงความหวังว่าจะมีทางส่ง MIDI out เพื่อให้สามารถควบคุมซินธ์ภายนอกหรือบันทึกเป็น MIDI ได้ ซึ่งถ้ามีฟีเจอร์นี้จะเพิ่มความเป็นมืออาชีพและต่อยอดงานดนตรีได้มากขึ้น

ทำไมคนทำเว็บและนักพัฒนาควรสนใจ

Musical Spirograph เป็นตัวอย่างที่ดีของการประยุกต์เทคนิคเว็บ - ทั้งการวาดกราฟิกแบบรีลไทม์และการสังเคราะห์เสียงบนเบราว์เซอร์ หากคุณทำงานด้านพัฒนาเว็บไซต์หรือแอป การศึกษาการใช้ Canvas/WebGL ร่วมกับ WebAudio API และการจัดการเวลาแบบแม่นยำจะช่วยให้สร้างงานอินเทอร์แอคทีฟแบบเดียวกันได้ นอกจากนี้แนวคิดการแมปข้อมูลเชิงรูปทรงให้เป็นโน้ตยังใช้ได้กับโปรเจกต์ data visualization ที่ต้องการนำเสนอข้อมูลด้วยเสียง

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

ที่มา: The Verge - เรียบเรียงและสรุปเป็นภาษาไทยโดยทีมงาน IT Genius