20 fantastiska exempel på WebGL i praktiken

WebGL är ett JavaScript API som bygger på den välkända 3D-grafikstandarden OpenGL och ger JavaScript plugin-fri tillgång till grafikhårdvaran via HTML5-elementet canvas. Det är tack vare WebGL som vi kan inkludera 3D-grafik i realtid i webbsidor.

Apple stöder också standarden, så vi kan (förhoppningsvis!) förvänta oss att se den dyka upp i Safari på Macs, iPhones och iPads någon gång (men troligen inte snart) – och Opera testar sin egen version, så den enda som inte kan göra det är Microsoft.

Sätt dig ner, starta din senaste webbläsare och kolla in dessa demonstrationer – om du tror att du kan göra det bättre, så gör det: det finns några tips på hur man gör i slutet.

Pasta

Multicoloured carb heaven

Multicoloured lighting and an interesting application of light and shade are put to good effect in this dramatic, slow-motion avalanche of macaroni. Den är märkligt fascinerande.

Just a Reflector

Just a Reflector är en interaktiv musikvideo skapad av Google Data Arts Team och Unit 9 för Arcade Fire. Ovan är YouTube-videon (inte interaktiv), och du kan nå den interaktiva versionen här.

Nouvelle Vague

Principen för Nouvelle Vague av ultranoir är relativt enkel: ta några tweets och sätt dem i ett 3D-landskap. Det gör dock inte rättvisa åt just den här platsen. Nouvelle Vague har alla möjliga flygande fordon, inklusive ett biplan, ett luftskepp och några ballonger. Alla dessa briljant realiserade modeller – byggda och animerade i Blender av konstnärer och sedan importerade till WebGL-scenen – bär tweets och cirklar runt en gigantisk central staty. Det är en mycket surrealistisk webbplats som är mycket välgjord.

Chemdoodle: MolGrabber 3D

Chemdoodle låter dig se kemiska strukturer i 3D

Som man kan förvänta sig av en ny teknik finns det många som använder WebGL för att göra häftiga demos, och färre verkliga verktyg. Chemdoodle är ett undantag från detta. iChemLabs, ett företag för vetenskaplig visualisering, har sammanställt verktyg för att visa molekyler på webbsidor. På den här demosidan kan du välja ett av ett antal läkemedel och se en 3D-representation av dess kemiska struktur i webbläsaren.

Biodigital Human

Se skelettet och blodsystemet med Biodigital Human

Vidare med det medicinska temat, har vi 3D Human från BioDigital Systems. Vill du se skelettet och blodsystemet? Klicka bara på knapparna. Som utbildningsverktyg är det lätt att se potentialen – 3D-kartan gör det möjligt att visualisera sjukdomar och behandlingar via webben eller till och med på mobilen.

FractalLab

Fraktaler gör allting häftigare – faktum

Tom Beddard inledde sin karriär som laserfysiker innan han förfördes av programvaruteknik, och han är nu känd för sina fantastiska 3D-fraktaler. FractalLab är hans WebGL-skapelse som beräknar allt som visas i realtid på din dator. Beddard har hjälpsamt nog inkluderat en djupgående förklaring av hans processer och tänkande.

Jellyfish

Ett hav av svävande maneter, allt på din bildskärm

En annan vacker scen, men något mer fridfull, kommer från Aleksandar Rodic: ett hav av svävande maneter, allt simulerat på din dator. Missa inte heller videon han gjorde som visar en (tyvärr inte offentlig) version som kan styras av en Kinect!

CycleBlob

Spelet CycleBob av TRON-typ blir alltmer komplext

En ny twist på ett välbekant spel är Shy Shaloms CycleBlob, som bygger på scenen med ljuscyklar från TRON. Testa och se om du kan tillämpa dina Snake-färdigheter på allt mer komplexa 3D-ytor.

Nästa sida: 6 fler häftiga exempel på WebGL

Lämna ett svar

Din e-postadress kommer inte publiceras.