WebGL ist eine JavaScript-API, die auf dem bekannten OpenGL-3D-Grafikstandard basiert und JavaScript über das HTML5-Canvas-Element einen pluginfreien Zugriff auf die Grafikhardware ermöglicht. Dank WebGL können wir 3D-Grafiken in Echtzeit in Webseiten einbinden.
Apple unterstützt den Standard ebenfalls, so dass wir (hoffentlich!) damit rechnen können, dass er irgendwann (wenn auch wahrscheinlich nicht bald) in Safari auf Macs, iPhones und iPads auftaucht – und Opera testet seine eigene Version, so dass nur Microsoft noch aussteht.
Lehnen Sie sich also zurück, starten Sie Ihren aktuellen Browser und sehen Sie sich diese Demos an – wenn Sie glauben, dass Sie es besser können, nur zu: Am Ende finden Sie einige Hinweise und Tipps, wie es geht.
Pasta
Mehrfarbige Beleuchtung und ein interessanter Einsatz von Licht und Schatten kommen in dieser dramatischen Zeitlupenlawine von Makkaroni gut zur Geltung. Es ist seltsam fesselnd.
Just a Reflector
Just a Reflector ist ein interaktives Musikvideo, das vom Google Data Arts Team und Unit 9 für Arcade Fire erstellt wurde. Oben ist das YouTube-Video (nicht interaktiv), und die interaktive Version ist hier zu erreichen.
Nouvelle Vague
Die Prämisse von Nouvelle Vague von ultranoir ist relativ einfach: Man nehme einige Tweets und setze sie in eine 3D-Landschaft. Das wird dieser besonderen Seite jedoch nicht gerecht. Nouvelle Vague bietet alle möglichen fliegenden Fahrzeuge, darunter einen Doppeldecker, ein Luftschiff und einige Ballons. All diese brillant realisierten Modelle – von Künstlern in Blender gebaut und animiert und dann in die WebGL-Szene importiert – tragen die Tweets und kreisen um eine riesige zentrale Statue. Es ist eine sehr surreale Seite und sie ist sehr gut gemacht.
Chemdoodle: MolGrabber 3D
Wie bei einer neuen Technologie nicht anders zu erwarten, gibt es viele Leute, die WebGL verwenden, um coole Demos zu machen, und weniger echte Tools. Chemdoodle ist eine Ausnahme. iChemLabs, ein wissenschaftliches Visualisierungsunternehmen, hat Tools zur Darstellung von Molekülen in Webseiten zusammengestellt. Auf dieser Demoseite können Sie eines von mehreren Medikamenten auswählen und eine 3D-Darstellung seiner chemischen Struktur im Browser sehen.
Der Biodigital Human
Wenn Sie beim medizinischen Thema bleiben, haben wir den 3D Human von BioDigital Systems. Möchten Sie das Skelett und den Blutkreislauf sehen? Klicken Sie einfach auf die Schaltflächen. Die 3D-Karte macht es möglich, Krankheiten und Behandlungen über das Internet oder sogar auf dem Handy zu visualisieren.
FractalLab
Tom Beddard begann seine Karriere als Laserphysiker, bevor er sich von der Softwaretechnik verführen ließ, und er ist jetzt für seine erstaunlichen 3D-Fraktale bekannt. FractalLab ist seine WebGL-Kreation, die alles, was sie Ihnen zeigt, in Echtzeit auf Ihrem Computer berechnet. Beddard hat eine ausführliche Erklärung seiner Prozesse und Denkweise beigefügt.
Quallen
Eine weitere schöne, aber etwas friedlichere Szene stammt von Aleksandar Rodic: ein Meer von schwimmenden Quallen, alles auf deinem Computer simuliert. Verpassen Sie auch nicht das Video, in dem er eine (leider nicht öffentliche) Version zeigt, die mit einer Kinect gesteuert werden kann!
CycleBlob
Eine neue Variante eines bekannt aussehenden Spiels ist CycleBlob von Shy Shalom, das auf der Lightcycles-Szene aus TRON basiert. Probieren Sie aus, ob Sie Ihre Snake-Fähigkeiten auf immer komplexere 3D-Oberflächen anwenden können.
Nächste Seite: 6 weitere fantastische Beispiele für WebGL