WebGL

Mit WebGL steht eine API zur Verfügung, die an OpenGL ES 2.0 angelehnt ist, um 3D-Grafik im HTML canvas Element zu ermöglichen. WebGL wird in einer zukünftigen Version von Firefox unterstützt und kann in den Nightly Trunks ausprobiert werden.

Hinweis: Die Spezifikation von WebGL befindet sich noch in Entwicklung. Änderungen sind vorbehalten.

Themen

Die folgenden acht Artikel bauen aufeinander auf.

Einführung in WebGL
Wie man einen WebGL-Kontext herstellt.
Hinzufügen von 2D Inhalten in einen WebGL-Kontext
Wie eine einfache, flache Form mittels WebGL erstellt wird.
Farben mittels Shader in einen WebGL-Kontext hinzufügen
Zeigt wie Farben mit Shadern auf die Form gebracht werden können.
Objekte mit WebGL animieren
Erklärt wie Objekte rotiert und verschiebt werden, um eine einfache Animation zu erstellen.
3D-Objekte mit WebGL erstellen
Erläutert wie dreidimensionale Objekte erstellt und animiert werden (ein Würfel dient als Beispiel).
Texturen in WebGL verwenden
Demonstriert wie Texturen auf die Oberfläche eines Objektes gezeichnet werden können.
Beleuchtung in WebGL
Wie Beleuchtungseffekte in unserem WebGL-Kontext simuliert werden.
Animierte Texturen in WebGL
Animierte Texturen werden mittels einem Ogg-Video auf der Oberfläche eines rotierenden Würfels realisiert.

Ressourcen

WebGL Spezifikation
Der Entwurf (Working Draft) der WebGL Spezifikation.
Khronos WebGL Seite
Die Hauptseite für WebGL der Khronos Group.
Learning WebGL
Eine Reihe von Tutorials über WebGL (Englisch).
Das WebGL Kochbuch
Rezepte für das Schreiben von WebGL-Code (Englisch).
Sylvester
Eine Open-Source Bibliothek, die das Verarbeiten von Vektoren und Matrizen erleichtert.
Planet WebGL
Eine Feed-Sammlung von Leuten, die in der WebGL Community aktiv sind.

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter:
Mitwirkende an dieser Seite: fscholz
Zuletzt aktualisiert von: fscholz,