Prezentacja funkcji WebGL i interfejsu Web Audio API

Ilmari Heikkinen

Oto kilka ciekawych wersji demonstracyjnych interfejsów WebGL i Web Audio API, które widziałem w ostatnich tygodniach.

EVE Online ship Viewer to świetnie wyglądająca aplikacja do przeglądania statków opracowana przy użyciu WebGL. To bardzo miły sposób na zaprezentowanie dzieł sztuki w świecie gry.

Strona z próbkami interfejsu Web Audio API zawiera kilka ciekawych przykładów tego, jak wykorzystać ten interfejs do przetwarzania dźwięku. WebGL City to jedna z wersji demonstracyjnych, do których prowadzi link ze strony z przykładami. To niewielka prezentacja helikoptera lecącego dookoła nocnego pejzażu miejskiego. Helikopter (wyłącza muzykę, naciskając „m”, a włącza dźwięk helikoptera, naciskając „n”) korzysta z funkcji dźwięku przestrzennego w interfejsach Web Audio API do przesuwania dźwięku helikoptera z jednego głośnika do drugiego.

Pewien przedsiębiorczy soul wdrożył grę wążową wykorzystującą tylko cieniowanie fragmentów WebGL w GLSL Sandbox. Jestem w szoku.

Wielki Wybuch może wyglądać jak każda inna animacja cząstek WebGL, a symulacja cząstek jest realizowana przez GPU. Symulator to aplikacja do cieniowania fragmentów, która odczytuje poprzednie pozycje cząstek z tekstury i zapisuje nowe pozycje w teksturze FBO.

Blocky Earth pobiera dane z Google Earth do Minecrafts. Przekazuje też informacje o różnicach w wysokości. Przyjrzeliśmy się na przykład Australii oraz pokrywy lodowej Antarktydy i widzę, że lód kontynentalny ma kilka kilometrów grubości.

Midem Music Machine to zabawna wersja demonstracyjna muzyki autorstwa Mr.dooba i Paula Lamere. To taki pozytywka z napędzanymi piłeczkami, w której kulki odbijają się od siebie. CreativeJS ma dobry zapis. Zobacz go.

Kontynuując tematykę wizualizacji muzyki, trafiłam na tę stronę o bytebeat – formie muzyki wygenerowanej za pomocą minimalistycznego wzoru kodu. Strona zawiera link do jednej fajnej wizualizacji WebView muzyki. Gregg Tavares wziął pod uwagę ten pomysł i stworzył piaskownicę typu bytebeat, za pomocą którego możesz tworzyć i udostępniać własne utwory muzyczne bezpośrednio w przeglądarce.