WebGL er et JavaScript API baseret på den velkendte OpenGL 3D-grafikstandard, og det giver JavaScript plugin-fri adgang til grafikhardwaren via HTML5-canvas-elementet. Det er takket være WebGL, at vi kan inkludere 3D-grafik i realtid i websider.
Apple støtter også standarden, så vi kan (forhåbentlig!) forvente at se den dukke op i Safari på Mac-computere, iPhones og iPads på et tidspunkt (men sandsynligvis ikke snart) – og Opera tester deres egen version, så den eneste, der holder sig tilbage, er Microsoft.
Så læn dig tilbage, start din nyeste browser og se disse demoer – hvis du mener, at du kan gøre det bedre, så gør det: der er nogle tips til sidst.
Pasta
Multicoloured lighting and an interesting application of light and shade are put to good effect in this dramatic, slow-motion avalanche of macaroni. Det er underligt fascinerende.
Just a Reflector
Just a Reflector er en interaktiv musikvideo, der er skabt af Google Data Arts Team og Unit 9 for Arcade Fire. Ovenstående er YouTube-videoen (ikke interaktiv), og du kan nå den interaktive version her.
Nouvelle Vague
Præmissen for Nouvelle Vague af ultranoir er relativt enkel: Tag nogle tweets og sæt dem ind i et 3D-landskab. Det yder dog ikke retfærdighed til dette særlige sted. Nouvelle Vague har alle mulige flyvende køretøjer, herunder en biplan, et luftskib og nogle balloner. Alle disse glimrende realiserede modeller – bygget og animeret i Blender af kunstnere og derefter importeret til WebGL-scenen – bærer tweets og kredser om en gigantisk central statue. Det er et meget surrealistisk websted, og det er meget godt lavet.
Chemdoodle: MolGrabber 3D
Som man kan forvente med en ny teknologi, er der en masse mennesker, der bruger WebGL til at lave seje demoer, og færre rigtige værktøjer. Chemdoodle er en undtagelse fra dette. iChemLabs, et videnskabeligt visualiseringsfirma, har sammensat værktøjer til at se molekyler på websider. På denne demoside kan du vælge en af en række lægemidler og se en 3D-repræsentation af dens kemiske struktur i browseren.
The Biodigital Human
Vi fortsætter med det medicinske tema og har 3D Human fra BioDigital Systems. Vil du se skelettet og blodsystemet? Du skal blot klikke på knapperne. Som et uddannelsesværktøj er det let at se potentialet – 3D-kortet gør det muligt at visualisere sygdomme og behandlinger via internettet eller endda på din mobil.
FractalLab
Tom Beddard startede sin karriere som laserfysiker, før han blev forført af softwareudvikling, og han er nu kendt for sine fantastiske 3D-fraktaler. FractalLab er hans WebGL-skabelse, der beregner alt det, den viser dig, i realtid på din computer. Beddard har hjælpsomt inkluderet en uddybende forklaring på hans processer og tankegang.
Jellyfish
En anden smuk scene, men lidt mere fredfyldt, kommer fra Aleksandar Rodic: et hav af svævende vandmænd, alt sammen simuleret på din computer. Gå heller ikke glip af den video, han lavede, der viser en (desværre ikke offentlig) version, der kan styres af en Kinect!
CycleBlob
Et nyt twist på et velkendt spil er Shy Shaloms CycleBlob, der er baseret på lyscykelscenen fra TRON. Prøv at se, om du kan anvende dine Snake-færdigheder på stadig mere komplekse 3D-overflader.
Næste side: 6 andre fantastiske eksempler på WebGL