Oto kilka fajnych demonstracji interfejsu 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 online, która została stworzona z użyciem WebGL. Bardzo ładny sposób na prezentację grafiki w uniwersum gry.
Na stronie Web Audio API znajdziesz kilka przekonujących przykładów przetwarzania dźwięku za pomocą tego interfejsu. WebGL City to jedna z wersji demonstracyjnych, do których można przejść z strony z przykładami. To krótkie demo helikoptera latającego nad nocnym miastem. Helikopter (wyłącz muzykę, naciskając „m”, włącz dźwięk helikoptera, naciskając „n”) używa interfejsów API Web Audio do sterowania dźwiękiem przestrzennym, aby przesuwać dźwięk helikoptera z jednego głośnika na drugi.
Ktoś przedsiębiorczy zaimplementował w GLSL Sandbox grę w węża, korzystając wyłącznie z fragment shadera WebGL. Jestem w osłupieniu.
Big Bang może wyglądać jak każda inna animacja cząsteczek WebGL, ale symulacja cząsteczek jest w rzeczywistości uruchamiana na procesorze graficznym. Symulacja to fragment shadera, który odczytuje poprzednie pozycje cząstek z tekstury i zapisze nowe pozycje cząstek w teksturze FBO.
Blocky Earth wykorzystuje dane Google Earth i przekształca je w klocki. dobrze pokazuje różnice w wysokości; Na przykład, gdy patrzyłem na Australię i lodowce Antarktydy, mogłeś zobaczyć, że lód kontynentalny ma kilka kilometrów grubości.
Midem Music Machine to zabawne demo muzyczne stworzone przez Mr.doob i Paula Lamere. To rodzaj muzycznej karuzeli z kulkami, które odbijają się od różnych elementów. Na stronie CreativeJS znajdziesz dobry artykuł na ten temat.
Wracając do tematu wizualizacji muzyki komputerowej, ostatnio natknąłem się na tę stronę na temat bytebeat, czyli formy muzyki generowanej przez minimalistyczną formułę kodu. Na stronie znajduje się link do fajnej wizualizacji WebGL muzyki. Gregg Tavares wykorzystał ten pomysł i utworzył piaskownicę bytebeat, która umożliwia tworzenie i udostępnianie własnych utworów bytebeat bezpośrednio w przeglądarce.