WebGL ve Web Audio API demo özeti

Ilmari Heikkinen

Son birkaç hafta içinde gördüğüm bazı WebGL ve Web Audio API'sı demolarına bakalım.

EVE Online gemi görüntüleyici, WebGL ile oluşturulmuş harika görünümlü bir online gemi görüntüleme uygulamasıdır. Sanat eserini oyun evreninde sergilemenin çok güzel bir yolu.

Web Audio API'sı samples sayfasında ses işlemenin nasıl yapıldığına dair etkileyici örnekler vardır. WebGL City, örnekler sayfasında bağlantısı verilen demolardan biridir. Bu görsel, gece bir şehir manzarasının etrafında uçan bir helikopterin küçük bir demosudur. Helikopter ("m" tuşuna basarak müziği devre dışı bırakabilir, "n" tuşuna basarak helikopter sesini etkinleştirebilir), helikopter sesini bir hoparlörden diğerine kaydırmak için Web Audio API'larının uzamsal ses özelliklerini kullanır.

Bazı girişimci soul, GLSL Sandbox'ta yalnızca WebGL parça gölgelendirici kullanarak yılan oyunu uyguladı. Şaşırdım.

Büyük Patlama, diğer herhangi bir WebGL parçacık animasyonu gibi görünebilir ancak parçacık simülasyonu aslında GPU'da çalıştırılır. Simülatör, dokudan önceki parçacık konumlarını okuyan ve yeni tanecik konumlarını FBO dokusuna yazan bir parça gölgelendiricidir.

Blocky Earth, Google Earth verilerini alır ve MineCrafts yapar. Yükseklik farklılıklarını iyi bir şekilde iletir. Örneğin, Avustralya'yı ve Antarktika buz örtüsünü incelediğimde kıtasal buzulun birkaç kilometre kalınlıkta olduğunu görebiliyorum.

Midem Music Machine, Mr.doob ve Paul Lamere'in eğlenceli bir müzik demosudur. Bu, topların yerinden fırlayıp duran topların olduğu bir müzik kutusudur. Hay aksi. CreativeJS'nin bu konuda iyi bir yazısı var. Hemen inceleyin.

Bilgisayarda müzik görselleştirme temasından devam ederek, kısa bir süre önce minimalist kod formülüyle üretilen bir müzik türü olan bayt ritmi hakkındaki bu sayfada çalıştım. Sayfa, müziğin havalı bir WebGL görselleştirmesine bağlantı veriyor. Bu fikri benimseyen Gregg Tavares, kendi bayt ritimlerinizi doğrudan tarayıcıdan hazırlayıp paylaşmak için bir bayt atışı korumalı alanı oluşturdu.