WebGL is een JavaScript-API die is gebaseerd op de bekende OpenGL 3D-grafiekstandaard, en het geeft JavaScript plugin-vrije toegang tot de grafische hardware, via het HTML5 canvas-element. Dankzij WebGL kunnen we realtime 3D-afbeeldingen opnemen in webpagina’s.
Apple ondersteunt de standaard ook, dus we kunnen (hopelijk!) verwachten dat het ooit opduikt in Safari op Macs, iPhones en iPads (hoewel waarschijnlijk niet binnenkort) – en Opera is bezig met het testen van hun eigen versie, dus de enige die het niet kan is Microsoft.
Dus leun achterover, start je nieuwste browser, en bekijk deze demo’s – als je denkt dat je het beter kunt, ga ervoor: er zijn wat hints en tips over hoe aan het eind.
Pasta
Multicolor belichting en een interessante toepassing van licht en schaduw komen goed tot hun recht in deze dramatische, slow-motion lawine van macaroni.
Just a Reflector
Just a Reflector is een interactieve muziekvideo die is gemaakt door Google Data Arts Team en Unit 9 voor Arcade Fire. Hierboven staat de YouTube-video (niet interactief), en je kunt de interactieve versie hier bereiken.
Nouvelle Vague
Het uitgangspunt van Nouvelle Vague van ultranoir is betrekkelijk eenvoudig: neem wat tweets en zet die in een 3D-landschap. Dat doet echter geen recht aan deze bijzondere site. Nouvelle Vague heeft allerlei vliegende voertuigen, waaronder een tweedekker, een luchtschip en een aantal ballonnen. Al deze briljant gerealiseerde modellen – gebouwd en geanimeerd in Blender door kunstenaars en vervolgens geïmporteerd in de WebGL scène – dragen de tweets en cirkelen rond een reusachtig centraal standbeeld. Het is een zeer surrealistische site en het is zeer goed gemaakt.
Chemdoodle: MolGrabber 3D
Zoals je zou verwachten bij een nieuwe technologie, zijn er veel mensen die WebGL gebruiken om coole demo’s te maken, en minder echte tools. Chemdoodle is hierop een uitzondering. iChemLabs, een wetenschappelijk visualisatiebedrijf, heeft gereedschappen samengesteld om moleculen op webpagina’s te bekijken. Op deze demopagina kunt u een van een aantal geneesmiddelen kiezen en een 3D-weergave van de chemische structuur ervan in de browser bekijken.
De Biodigital Human
In het medische thema hebben we de 3D Human van BioDigital Systems. Wilt u het skelet en het bloedstelsel zien? Klik dan gewoon op de knoppen. De 3D-kaart maakt het mogelijk om ziekten en behandelingen te visualiseren via het web of zelfs op uw mobiele telefoon.
FractalLab
Tom Beddard begon zijn carrière als laserfysicus voordat hij werd verleid door software-engineering, en hij is nu bekend om zijn verbazingwekkende 3D-fractals. FractalLab is zijn WebGL-creatie, die alles wat het laat zien in realtime op je computer berekent. Beddard heeft een diepgaande uitleg van zijn processen en denkwijze bijgevoegd.
Jellyfish
Een andere prachtige scène, maar iets vrediger, komt van Aleksandar Rodic: een zee van drijvende kwallen, allemaal gesimuleerd op uw computer. Mis ook niet de video die hij maakte waarin hij een (helaas niet publieke) versie laat zien die bestuurbaar is met een Kinect!
CycleBlob
Een nieuwe draai aan een bekend uitziend spel is CycleBlob van Shy Shalom, gebaseerd op de lichtcycli scène uit TRON. Probeer eens of je je Snake-vaardigheden kunt toepassen op steeds complexere 3D-vlakken.
Volgende pagina: Nog 6 geweldige voorbeelden van WebGL