สรุปการสาธิต WebGL และ Web Audio API

Ilmari Heikkinen

นี่เป็นการสาธิต API ของ WebGL และ Web Audio API สุดเจ๋งบางส่วนที่ฉันได้ดูไปในช่วง 2-3 สัปดาห์ที่ผ่านมา

EVE Online ship Viewer เป็นแอปดูเรือออนไลน์ที่ดูดีและสร้างด้วย WebGL วิธีที่ดีมากๆ ในการแสดงงานศิลปะในจักรวาลของเกม

หน้าตัวอย่าง Web Audio API มีตัวอย่างที่น่าสนใจหลายอย่างเกี่ยวกับวิธีการประมวลผลเสียงโดยใช้หน้านี้ WebGL City เป็นหนึ่งในการสาธิตที่ลิงก์จากหน้าตัวอย่าง นี่คือการสาธิตขนาดเล็กของเฮลิคอปเตอร์ที่บินไปรอบๆ ทิวทัศน์เมืองยามค่ำคืน เฮลิคอปเตอร์ (ปิดเพลงโดยการกด "m" เปิดเสียงเฮลิคอปเตอร์โดยการกด "n") จะใช้ฟีเจอร์เสียงรอบทิศทางของ Web Audio API ในการแพนเสียงเฮลิคอปเตอร์จากลำโพงหนึ่งไปยังอีกลำโพงหนึ่ง

จิตวิญญาณที่ไม่เคยมีมาก่อนได้ใช้เกมงูโดยใช้อะไรบางอย่างนอกจากตัวปรับเงาชิ้นส่วน WebGL ใน GLSL Sandbox เขินจัง

Big Bang อาจดูเหมือนภาพเคลื่อนไหวอื่นๆ ของอนุภาค WebGL แต่จริงๆ แล้วการจำลองอนุภาคจะทำงานบน GPU เครื่องมือจำลองเป็นเครื่องมือให้เฉดสีแบบ Fragment จะอ่านตำแหน่งของอนุภาคก่อนหน้าจากพื้นผิว และเขียนตำแหน่งของอนุภาคใหม่ลงในพื้นผิว FBO

Blocky Earth นำข้อมูล Google Earth มาสร้าง MineCrafts แล้ว ข้อมูลนี้บอกความแตกต่างของความสูงได้ดี ตัวอย่างเช่น ผมดูออสเตรเลียและแผ่นน้ำแข็งในทวีปแอนตาร์กติก แล้วคุณเห็นว่าน้ำแข็งระดับทวีปมีความหนาหลายกิโลเมตรมากแค่ไหน

Midem Music Machine เป็นการสาธิตดนตรีสนุกๆ จาก Mr.doob และ Paul Lamere มันเป็นกล่องดนตรีที่ขับเคลื่อนด้วยลูกบอลที่มีลูกบอลเด้งออกมาเป็นชิ้นๆ CreativeJS มีข้อเขียนที่ดี ตรวจสอบได้เลย

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