20 hämmästyttävää esimerkkiä WebGL:stä toiminnassa

WebGL on tunnettuun OpenGL 3D-grafiikkastandardiin perustuva JavaScriptiä käyttävä sovellusliittymä, joka tarjoaa JavaScriptiin laajennuksettoman pääsyn grafiikkalaitteistoon HTML5:n canvas-elementin kautta. WebGL:n ansiosta voimme sisällyttää reaaliaikaista 3D-grafiikkaa verkkosivuille.

Apple tukee myös standardia, joten voimme (toivottavasti!) odottaa näkevämme sen ilmestyvän Safariin Mac-tietokoneissa, iPhoneissa ja iPadeissa joskus (vaikkakaan luultavasti ei lähiaikoina) – ja Opera testaa omaa versiotaan, joten ainoa pidättelijä on Microsoft.

Istu siis alas, käynnistä uusin selaimesi ja tutustu näihin demoihin – jos uskot pystyväsi parempaan, tee se: lopussa on vinkkejä ja ohjeita.

Pasta

Monivärinen hiilihydraattitaivas

Monivärinen valaistus ja mielenkiintoinen valon ja varjojen soveltaminen pääsevät hyvään vauhtiin tässä dramaattisessa, hitaasti etenevässä makaronivyöryssä. Se on oudon lumoava.

Just a Reflector

Just a Reflector on Googlen datataidetiimin ja Unit 9:n Arcade Firelle luoma interaktiivinen musiikkivideo. Yllä on YouTube-video (ei interaktiivinen), ja interaktiiviseen versioon pääset tästä.

Nouvelle Vague

Ultranoirin tekemän Nouvelle Vague -videon lähtökohta on suhteellisen yksinkertainen: ota joitakin twiittejä ja laita ne 3D-maisemaan. Se ei kuitenkaan tee oikeutta tälle sivustolle. Nouvelle Vaguessa on kaikenlaisia lentäviä kulkuneuvoja, kuten kaksitaso, ilmalaiva ja joitakin ilmapalloja. Kaikki nämä loistavasti toteutetut mallit – jotka taiteilijat ovat rakentaneet ja animoineet Blenderissä ja tuoneet ne sitten WebGL-kohtaukseen – kuljettavat twiittejä ja kiertävät jättimäisen keskuspatsaan ympärillä. Sivusto on hyvin surrealistinen ja hyvin tehty.

Chemdoodle: MolGrabber 3D

Chemdoodlella näet kemiallisia rakenteita 3D:nä

Kuten uuden teknologian kohdalla voi odottaa, WebGL:ää käytetään paljon hienojen demojen tekemiseen ja vähemmän oikeita työkaluja. Chemdoodle on poikkeus tähän. iChemLabs, tieteellistä visualisointia tekevä yritys, on koonnut työkaluja molekyylien katseluun web-sivuilla. Tällä demosivulla voit valita yhden useista lääkkeistä ja nähdä 3D-esityksen sen kemiallisesta rakenteesta selaimessa.

The Biodigital Human

Katsele luurankoa ja verenkiertoelimistöä Biodigital Humanin avulla

Lääketieteellisestä teemasta pitäytyen meillä on BioDigital Systemsin tuottama 3D Human. Haluatko nähdä luurangon ja verenkierron? Napsauta vain painikkeita. Opetustyökaluna on helppo nähdä sen potentiaali – 3D-kartta mahdollistaa sairauksien ja hoitojen visualisoinnin verkon tai jopa kännykän kautta.

FractalLab

Fraktaalit tekevät kaikesta mahtavampaa – fakta

Tom Beddard aloitti uransa laserfyysikkona, ennen kuin ohjelmistotekniikka vietteli hänet, ja nykyään hän on tunnettu hämmästyttävistä 3D-fraktaaleistaan. FractalLab on hänen WebGL-luomuksensa, joka laskee kaiken sen näyttämän reaaliajassa tietokoneellesi. Beddard on avuliaasti liittänyt mukaan perusteellisen selityksen hänen prosesseistaan ja ajattelustaan.

Meduusat

Meri kelluvia meduusoja, kaikki monitorillasi

Toinenkin kaunis, mutta hiukan rauhallisempi kohtaus on peräisin Aleksandar Rodicilta: meri kelluvia meduusoja, kaikki simuloituna tietokoneellasi. Älä myöskään jätä väliin hänen tekemäänsä videota, jossa hän esittelee (valitettavasti ei julkista) versiota, jota voi ohjata Kinectillä!

CycleBlob

Tron-tyyppinen peli CycleBob muuttuu yhä monimutkaisemmaksi

Uusi käänne tutun näköiseen peliin on Shy Shalomin CycleBlob, joka perustuu TRONin valopyöräkohtaukseen. Kokeile, osaatko soveltaa Snake-taitojasi yhä monimutkaisempiin 3D-pintoihin.

Seuraava sivu: 6 muuta mahtavaa esimerkkiä WebGL:stä

Vastaa

Sähköpostiosoitettasi ei julkaista.