WebGL to API JavaScript oparte na dobrze znanym standardzie grafiki 3D OpenGL, i daje JavaScriptowi wolny od wtyczek dostęp do sprzętu graficznego, poprzez element HTML5 canvas. To dzięki WebGL możemy włączyć grafikę 3D w czasie rzeczywistym na stronach internetowych.
Apple również wspierają ten standard, więc możemy (miejmy nadzieję!) oczekiwać, że pojawi się on w Safari na Macach, iPhone’ach i iPadach kiedyś (choć prawdopodobnie nie wkrótce) – a Opera testuje swoją własną wersję, więc jedynym przeciwnikiem jest Microsoft.
Więc usiądźcie wygodnie, podkręćcie swoją najnowszą przeglądarkę i sprawdźcie te dema – jeśli uważacie, że możecie zrobić to lepiej, idźcie za tym: są pewne wskazówki i porady, jak to zrobić na końcu.
Pasta
Wielokolorowe oświetlenie oraz interesujące zastosowanie światła i cienia dają dobry efekt w tej dramatycznej, powolnej lawinie makaronu. To dziwnie hipnotyzujące.
Just a Reflector
Just a Reflector to interaktywny teledysk stworzony przez Google Data Arts Team i Unit 9 dla Arcade Fire. Powyżej znajduje się film z YouTube (nie interaktywny), a do wersji interaktywnej można dotrzeć tutaj.
Nouvelle Vague
Założenie Nouvelle Vague autorstwa ultranoir jest stosunkowo proste: weź kilka tweetów i umieść je w krajobrazie 3D. To jednak nie oddaje sprawiedliwości tej konkretnej stronie. Nouvelle Vague ma wszystkie rodzaje pojazdów latających, w tym dwupłatowiec, sterowiec i kilka balonów. Wszystkie te genialnie zrealizowane modele – zbudowane i animowane w Blenderze przez artystów, a następnie zaimportowane do sceny WebGL – przenoszą tweety i krążą wokół gigantycznego centralnego posągu. Jest to bardzo surrealistyczna strona i bardzo dobrze wykonana.
Chemdoodle: MolGrabber 3D
Jak można się spodziewać w przypadku nowej technologii, istnieje wiele osób korzystających z WebGL, aby zrobić fajne dema, a mniej prawdziwych narzędzi. Chemdoodle jest tu wyjątkiem. iChemLabs, firma zajmująca się wizualizacją naukową, stworzyła narzędzia do oglądania cząsteczek na stronach internetowych. Ta strona demonstracyjna pozwala wybrać jeden z wielu leków i zobaczyć w przeglądarce trójwymiarową reprezentację jego struktury chemicznej.
Biodigital Human
Pozostając przy temacie medycznym, mamy Człowieka 3D od BioDigital Systems. Chcesz zobaczyć szkielet i układ krwionośny? Po prostu kliknij na przyciski. Jako narzędzie edukacyjne łatwo dostrzec jego potencjał – mapa 3D umożliwia wizualizację chorób i metod leczenia za pośrednictwem sieci lub nawet telefonu komórkowego.
FractalLab
Tom Beddard rozpoczął swoją karierę jako fizyk laserowy, zanim uwiodła go inżynieria oprogramowania, a teraz jest dobrze znany ze swoich niesamowitych fraktali 3D. FractalLab to jego dzieło WebGL, obliczające wszystko, co pokazuje w czasie rzeczywistym na twoim komputerze. Beddard pomocnie dołączył szczegółowe wyjaśnienie swoich procesów i sposobu myślenia.
Mellyfish
Inna piękna scena, ale nieco spokojniejsza, pochodzi od Aleksandara Rodica: morze pływających meduz, wszystko symulowane na twoim komputerze. Nie przegapcie też filmu, który zrobił, pokazując (niestety niepubliczną) wersję, którą można kontrolować za pomocą Kinecta!
CycleBlob
Nowym zwrotem w kierunku znajomo wyglądającej gry jest CycleBlob autorstwa Shy Shaloma, oparty na scenie lightcycles z TRONa. Sprawdź, czy potrafisz zastosować swoje umiejętności Snake’a do coraz bardziej złożonych powierzchni 3D.
Następna strona: 6 kolejnych niesamowitych przykładów zastosowania WebGL
.