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

ต่อไปนี้เป็นตัวอย่าง WebGL และ Web Audio API เจ๋งๆ ที่เราเห็นในช่วง 2-3 สัปดาห์ที่ผ่านมา

โปรแกรมดูเรือใน EVE Online เป็นแอปที่ดูดีมากๆ สำหรับดูเรือออนไลน์ซึ่งสร้างขึ้นด้วย WebGL เป็นวิธีที่ดีในการแสดงอาร์ตเวิร์กในจักรวาลของเกม

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

ผู้ที่มีความคิดสร้างสรรค์บางคนได้ติดตั้งใช้งานเกมงูโดยใช้เพียง WebGL Fragment Shader ใน GLSL Sandbox เราตกใจ

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

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

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

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