Benutzer:Coolcat/Tutorial WebGL - Versionsgeschichte

Coolcat: Weiterleitung auf Tutorial WebGL, Artikel war identisch

2009-10-27T20:52:52Z

Weiterleitung auf Tutorial WebGL, Artikel war identisch

Änderungen zeigen

Coolcat: /* Links */

2009-10-27T17:22:29Z

‎Links

I0n0s: Rechtschreibung

2009-10-26T10:28:44Z

Rechtschreibung

Coolcat: /* Beispiel */ Bildchen sind immer gut...

2009-10-26T09:03:17Z

‎Beispiel: Bildchen sind immer gut...

Coolcat: /* Beispiel */

2009-10-26T08:58:24Z

‎Beispiel

Coolcat: /* Beispiel */

2009-10-26T08:57:42Z

‎Beispiel

Coolcat: /* Shader */

2009-10-26T08:40:30Z

‎Shader

Coolcat: /* Context */

2009-10-25T10:36:26Z

‎Context

Coolcat: Mathematik und Links

2009-10-25T10:26:30Z

Mathematik und Links

Coolcat: Anmerkungen aus dem Review-Prozess eingearbeitet

2009-10-25T09:49:09Z

Anmerkungen aus dem Review-Prozess eingearbeitet

@@ Zeile 274: / Zeile 274: @@
 ** [http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf OpenGL ES Shading Language 1.0.17]
 ** [http://www.khronos.org/developers/resources/webgl/ WebGL Implementations, Tutorials and Sample Code]
 * Bibliotheken
 ** [http://bjartr.blogspot.com/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html WebGL Tutorial and WebGLU Library]

@@ Zeile 4: / Zeile 4: @@
 WebGL ist im wesentlichen ein JavaScript-Binding für OpenGL ES 2.0 und wird bisher von den aktuellen Entwickler-Versionen von Firefox, Google Chrome und Safari unterstützt. Weitere Browser auf Gecko- bzw. Webkit-Basis werden sicher bald folgen. Bisher wird der WebGL-Standard von den folgenden Browsern unterstützt:
 * Gecko-Engine
 ** Mozilla Firefox 3.7a1pre ([http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/ Nightly Build], "Minefield")
 *** WebGL muss über die Einstellung <tt>about:config</tt> -> <tt>webgl.enabled_for_all_sites</tt> aktiviert werden. Unter Windows kann es einige Probleme geben, wenn kein OpenGL verfügbar ist, in dem Fall muss [http://hacks.mozilla.org/2009/09/webgl-for-firefox/ in den Softwaremodus geschaltet] werden.
-*** Es ist möglich verschiedene Firefox-Versionen parallel zu verwenden. Es ist aber ratsam dafür getrennte Profile anzulegen. Das ausführen von <tt>firefox -help</tt> in der Konsole dürfte in diesem Zusammenhang hilfreich sein, insbesondere die Optionen <tt>-P</tt>, <tt>-ProfileManager</tt> und <tt>-no-remote</tt>.
+*** Es ist möglich verschiedene Firefox-Versionen parallel zu verwenden. Es ist aber ratsam dafür getrennte Profile anzulegen. Das Ausführen von <tt>firefox -help</tt> in der Konsole dürfte in diesem Zusammenhang hilfreich sein, insbesondere die Optionen <tt>-P</tt>, <tt>-ProfileManager</tt> und <tt>-no-remote</tt>.
 * WebKit ([http://nightly.webkit.org/ Nightly Build])
 ** Google Chrome 4.0.221.8 (Nightly Build, [http://www.khronos.org/news/permalink/webgl-seen-in-chrome-browser/ siehe hier])
@@ Zeile 31: / Zeile 32: @@
 ===Context===
-Um WebGL nutzen zu können benötigt man zunächst einmal ein HTML5 Canvas-Element, welchem wir passenderweise die ID "canvas" geben. Wir können die Anwendung beispielsweise über das <tt>onload</tt>-Event des <tt>body</tt>-Elements startet. Genauso gut kann man natürlich auch einen Link oder Button verwenden.
+Um WebGL nutzen zu können benötigt man zunächst einmal ein HTML5 Canvas-Element, welchem wir passender weise die ID "canvas" geben. Wir können die Anwendung beispielsweise über das <tt>onload</tt>-Event des <tt>body</tt>-Elements startet. Genauso gut kann man natürlich auch einen Link oder Button verwenden.
 <source lang="html4strict">
@@ Zeile 82: / Zeile 83: @@
 ===Shader===
-In OpenGL ES 2.0 herrscht Shader-Zwang, eine [[Feste Funktionspipeline|feste Funktionspipeline]] existiert nicht. Stehen der verfügbaren Grafikhardware keine GLSL-Shader zur Verfügung muss OpenGL ES in den Softwaremodus geschaltet werden und wird entsprechend langsam. Das Laden von GLSL-Shadern geschieht wie gewohnt. Zuerst werden Vertex- und Fragmentshader geladen und compiliert. Beide Shader werden dann an ein Program-Objekt angehängt und gelinkt.
+In OpenGL ES 2.0 herrscht Shader-Zwang, eine [[Feste Funktionspipeline|feste Funktionspipeline]] existiert nicht. Stehen der verfügbaren Grafikhardware keine GLSL-Shader zur Verfügung, muss OpenGL ES in den Softwaremodus geschaltet werden und wird entsprechend langsam. Das Laden von GLSL-Shadern geschieht wie gewohnt. Zuerst werden Vertex- und Fragmentshader geladen und compiliert. Beide Shader werden dann an ein Program-Objekt angehängt und gelinkt.
 <source lang="javascript">
@@ Zeile 215: / Zeile 216: @@
 </source>
-Der schnellste Weg ein Mesh zu laden dürfte sein dessen Vertex- und Indexbuffer direkt als JavaScript-Array anzugeben. Die Daten können so nativ vom Browser geladen werden. Bisher hat nach meinem Wissen noch niemand einen Benchmark versucht, aber das manuelle parsen der Daten dauert bei einer JavaScript-Implementierung wahrscheinlich vergleichsweise lange. Außerdem dürfte es in JavaScript schwierig werden Binärdateien zu lesen. Folgende Loader bzw. Konverter sind bekannt:
+Der schnellste Weg ein Mesh zu laden, dürfte sein dessen Vertex- und Indexbuffer direkt als JavaScript-Array anzugeben. Die Daten können so nativ vom Browser geladen werden. Bisher hat nach meinem Wissen noch niemand einen Benchmark versucht, aber das manuelle Parsen der Daten dauert bei einer JavaScript-Implementierung wahrscheinlich vergleichsweise lange. Außerdem dürfte es in JavaScript schwierig werden Binärdateien zu lesen. Folgende Loader bzw. Konverter sind bekannt:
 * Der [http://people.mozilla.com/~vladimir/webgl/spore/sporeview.html Spore Creature Viewer] lädt aus dem Spiel [http://www.spore.com/ Spore] exportierte Meshes direkt mit JavaScript. Spore benutzt das [http://www.collada.org/ COLLADA]-Format.
 * Konverter für [http://en.wikipedia.org/wiki/Obj Wavefront OBJ] zu JavaScript-Arrays: [http://www.c3dl.org/index.php/c3dl-dev/wavefront-obj-file-to-javascript-arrays/ Beschreibung], [http://www.c3dl.org/index.php/download/ Download]
 * Maxscript ([http://de.wikipedia.org/wiki/3ds_Max Autodesk 3ds Max]) welches JavaScript-Arrays exportiert: [http://www.c3dl.org/index.php/download/ Download]
-Größere Meshes hat man natürlich ungern direkt im Quellcode und möchte diese auch vielleicht nicht direkt beim Start der Anwendung laden. Hier bietet sich eine eigene HTML-Datei an, die dann über ein [http://www.w3schools.com/XML/xml_http.asp XMLHttpRequest]-Objekt (Stichwort: [http://de.wikipedia.org/wiki/AJAX AJAX]) in JavaScript nachgeladen und anschließend dem Browser zum parsen übergeben wird. So kann das laden im Hintergrund realisiert werden.
+Größere Meshes hat man natürlich ungern direkt im Quellcode und möchte diese auch vielleicht nicht direkt beim Start der Anwendung laden. Hier bietet sich eine eigene HTML-Datei an, die dann über ein [http://www.w3schools.com/XML/xml_http.asp XMLHttpRequest]-Objekt (Stichwort: [http://de.wikipedia.org/wiki/AJAX AJAX]) in JavaScript nachgeladen und anschließend dem Browser zum Parsen übergeben wird. So kann das Laden im Hintergrund realisiert werden.
-Es lohnt sich übrigens diese großen JavaScript-Arrays so kompakt wie möglich zu schreiben. Alleine durch das weglassen von unnötigen Leerzeichen spart man schnell einige 10 oder 100 kB bei der Dateigröße.
+Es lohnt sich übrigens diese großen JavaScript-Arrays so kompakt wie möglich zu schreiben. Alleine durch das Weglassen von unnötigen Leerzeichen spart man schnell einige 10 oder 100 kB bei der Dateigröße.
 ===Texturen===

@@ Zeile 263: / Zeile 263: @@
 ==Beispiel==
 Eine [[Benutzer:Coolcat/Tutorial_WebGL_Sample|Beispielanwendung]] die die hier vorgestellten Code-Schnippsel zusammenfügt ist [[Benutzer:Coolcat/Tutorial_WebGL_Sample|hier]] verfügbar.
 ==Links==

@@ Zeile 261: / Zeile 261: @@
 Genau wie OpenGL 3.1 besitzt auch OpenGL ES 2.0 keine eigenen Mathematikfunktionen mehr. Einen guten Ansatz bietet hierbei das [http://wiki.delphigl.com/index.php/Tutorial_OpenGL3_Lineare_Algebra Lineare Algebra Tutorial von TAK2004]. Beliebt im Zusammenhang mit WebGL ist im Augenblick die [http://sylvester.jcoglan.com/ JavaScript-Bibliothek Sylvester] die grundlegende Vektor und Matrix Operationen bereitstellt. Die [http://bjartr.blogspot.com/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html WebGLU Library] versucht unter Rückgriff auf Sylvester die aus OpenGL 2.0 (und älter) bekannten Funktionen wie den Matrix-Stack zurückzubringen.
-===Beispiel===
+==Beispiel==
 Eine [[Benutzer:Coolcat/Tutorial_WebGL_Sample|Beispielanwendung]] die die hier vorgestellten Code-Schnippsel zusammenfügt ist [[Benutzer:Coolcat/Tutorial_WebGL_Sample|hier]] verfügbar.

← Nächstältere Version		Version vom 26. Oktober 2009, 08:57 Uhr
Zeile 260:		Zeile 260:

	Genau wie OpenGL 3.1 besitzt auch OpenGL ES 2.0 keine eigenen Mathematikfunktionen mehr. Einen guten Ansatz bietet hierbei das [http://wiki.delphigl.com/index.php/Tutorial_OpenGL3_Lineare_Algebra Lineare Algebra Tutorial von TAK2004]. Beliebt im Zusammenhang mit WebGL ist im Augenblick die [http://sylvester.jcoglan.com/ JavaScript-Bibliothek Sylvester] die grundlegende Vektor und Matrix Operationen bereitstellt. Die [http://bjartr.blogspot.com/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html WebGLU Library] versucht unter Rückgriff auf Sylvester die aus OpenGL 2.0 (und älter) bekannten Funktionen wie den Matrix-Stack zurückzubringen.		Genau wie OpenGL 3.1 besitzt auch OpenGL ES 2.0 keine eigenen Mathematikfunktionen mehr. Einen guten Ansatz bietet hierbei das [http://wiki.delphigl.com/index.php/Tutorial_OpenGL3_Lineare_Algebra Lineare Algebra Tutorial von TAK2004]. Beliebt im Zusammenhang mit WebGL ist im Augenblick die [http://sylvester.jcoglan.com/ JavaScript-Bibliothek Sylvester] die grundlegende Vektor und Matrix Operationen bereitstellt. Die [http://bjartr.blogspot.com/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html WebGLU Library] versucht unter Rückgriff auf Sylvester die aus OpenGL 2.0 (und älter) bekannten Funktionen wie den Matrix-Stack zurückzubringen.
		+
		+	===Beispiel===
		+	Eine [[Benutzer:Coolcat/Tutorial_WebGL_Sample\|Beispielanwendung]] die die hier vorgestellten Code-Schnippsel zusammenfügt ist [[Benutzer:Coolcat/Tutorial_WebGL_Sample\|hier]] verfügbar.

	==Links==		==Links==

@@ Zeile 165: / Zeile 165: @@
      while (child) {
          // node is a "textnode" ?
          if (child.nodeType == 3) {
              source += child.textContent;

@@ Zeile 31: / Zeile 31: @@
 ===Context===
-Um WebGL nutzen zu können benötigt man zunächst einmal ein HTML5 Canvas-Element, welchem wir passenderweise die ID "canvas" geben.
+Um WebGL nutzen zu können benötigt man zunächst einmal ein HTML5 Canvas-Element, welchem wir passenderweise die ID "canvas" geben. Wir können die Anwendung beispielsweise über das <tt>onload</tt>-Event des <tt>body</tt>-Elements startet. Genauso gut kann man natürlich auch einen Link oder Button verwenden.
 <source lang="html4strict">
 <html>
      <head>
-    	<!-- ... -->
+                // ...
      </head>
-     <body>
+     <body onload="init()">
          <div style="text-align: center">
              <canvas id="canvas" width="640" height="480"></canvas>
@@ Zeile 48: / Zeile 54: @@
 </source>
-Von diesem Canvas erhalten wir zum einen die spätere Viewportgröße und zum anderen einen sogenannten Context. Das Context-Objekt erlaubt uns sämtliche OpenGL ES 2.0 Funktionen aufzurufen.
+Von unserem Canvas erhalten wir zum einen die spätere Viewportgröße und zum anderen einen sogenannten Context. Das Context-Objekt erlaubt uns sämtliche OpenGL ES 2.0 Funktionen aufzurufen.
 <source lang="javascript">

@@ Zeile 247: / Zeile 247: @@
 </source>
-===Ressourcenmanagement===
+===Ressourcen und Mathematik===
 Dadurch das Ressourcen (Meshes, Texturen, Shader, ...) im Browser asynchron geladen werden, wird entsprechendes Management dieser Ressourcen erforderlich. Eine Ressource darf erst verwendet werden, wenn sie auch wirklich initialisiert wurde. Entsprechend müssen die zugehörigen Callbacks abgewartet werden.
 Eine einfache Lösung für dieses Problem ist ein Ressourcenmanager der alle Daten lädt oder zumindest weiß welche Ressourcen noch geladen werden müssen. Zu Beginn wird einfach nur der Text <tt>"Loading..."</tt> angezeigt. Jede Ressource meldet sich beim Manager sobald sie verfügbar ist. Sobald alles korrekt initialisiert wurde kann der Ressourcenmanager die eigentliche Anwendung starten.
 ==Links==
@@ Zeile 259: / Zeile 261: @@
 ** [http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf OpenGL ES Shading Language 1.0.17]
 ** [http://www.khronos.org/developers/resources/webgl/ WebGL Implementations, Tutorials and Sample Code]
-* [http://www.planet-webgl.org/ Planet WebGL], eine Aggregation verschiedener Blogs über WebGL
+* Bibliotheken
-* [http://bjartr.blogspot.com/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html WebGL Tutorial and WebGLU Library]
+** [http://bjartr.blogspot.com/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html WebGL Tutorial and WebGLU Library]
 * Portierung der NeHe OpenGL Tutorials zu WebGL:
 ** [http://learningwebgl.com/blog/?p=11 Lesson 0: Getting started]
@@ Zeile 267: / Zeile 270: @@
 ** [http://learningwebgl.com/blog/?p=239 Lesson 3: A bit of movement]
 * Demos
 ** [http://people.mozilla.com/~vladimir/webgl/spore/sporeview.html Spore Creature Viewer], ein Viewer für [http://www.collada.org/ COLLADA]-Meshes, allerdings nur für aus dem Spiel [http://www.spore.com/ Spore] exportierte Meshes.
 ** [http://wakaba.c3.cx/w/puls.html Puls]
@@ Zeile 274: / Zeile 278: @@
 ** [http://learningwebgl.com/blog/?p=205 Zooming into the Mandelbrot set in a WebGL fragment shader]
 ** [http://bjartr.blogspot.com/2009/10/interactive-shader-editing-with-webgl.html Interactive Shader Editing with WebGL and the WebGLU Library]

@@ Zeile 1: / Zeile 1: @@
-WebGL ist der neue Standard für OpenGL im Browser. Der Standard ermöglicht es hardwarebeschleunigte 3D-Grafik, sogar Shader, im Browser darzustellen, ohne dabei auf spezielle Plugins angewiesen zu sein. WebGL ist im wesentlichen ein JavaScript-Binding für OpenGL ES 2.0 und wird bisher von den aktuellen Entwickler-Versionen von Firefox, Google Chrome und Safari unterstützt. Weitere Browser auf Gecko- bzw. Webkit-Basis werden sicher bald folgen.
+WebGL ist der neue Standard für OpenGL im Browser. Der Standard ermöglicht es hardwarebeschleunigte 3D-Grafik mit Shadern im Browser darzustellen, ohne dabei auf spezielle Plugins angewiesen zu sein.
 In diesem Tutorial werden die wesentlichen Besonderheiten von WebGL gegenüber anderen OpenGL-Anwendungen vorgestellt. Kenntnisse in [http://de.wikipedia.org/wiki/JavaScript JavaScript] und [http://www.khronos.org/opengles/2_X/ OpenGL ES 2.0], also insbesondere [[GLSL]] und [[VBO]]s werden vorausgesetzt. Es sei darauf hingewiesen, dass WebGL im Augenblick noch hochgradig experimentell ist und bisher auch nicht wirklich dokumentiert ist. Neben diesem Tutorial existieren auch einige andere [[#Links|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.
-Bisher wird der WebGL-Standard von den folgenden Browsern unterstützt:
+WebGL ist im wesentlichen ein JavaScript-Binding für OpenGL ES 2.0 und wird bisher von den aktuellen Entwickler-Versionen von Firefox, Google Chrome und Safari unterstützt. Weitere Browser auf Gecko- bzw. Webkit-Basis werden sicher bald folgen. Bisher wird der WebGL-Standard von den folgenden Browsern unterstützt:
 * Gecko-Engine
 ** Mozilla Firefox 3.7a1pre ([http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/ Nightly Build], "Minefield")
@@ Zeile 76: / Zeile 76: @@
 ===Shader===
-In OpenGL ES 2.0 herrscht Shader-Zwang, eine [[Feste Funktionspipeline|feste Funktionspipeline]] existiert nicht. Das Laden von GLSL-Shadern geschieht wie gewohnt. Zuerst werden Vertex- und Fragmentshader geladen und compiliert. Beide Shader werden dann an ein Program-Objekt angehängt und gelinkt.
+In OpenGL ES 2.0 herrscht Shader-Zwang, eine [[Feste Funktionspipeline|feste Funktionspipeline]] existiert nicht. Stehen der verfügbaren Grafikhardware keine GLSL-Shader zur Verfügung muss OpenGL ES in den Softwaremodus geschaltet werden und wird entsprechend langsam. Das Laden von GLSL-Shadern geschieht wie gewohnt. Zuerst werden Vertex- und Fragmentshader geladen und compiliert. Beide Shader werden dann an ein Program-Objekt angehängt und gelinkt.
 <source lang="javascript">
@@ Zeile 99: / Zeile 99: @@
 var fragmentShader = loadShader(gl.FRAGMENT_SHADER, fragmentShaderSource);
 if (!vertexShader || !fragmentShader) {
-	alert("Shader problem");
+    alert("Shader problem");
+}
@@ Zeile 131: / Zeile 131: @@
 varying vec3 vNormal;
 varying vec2 vTexCoord;
-void main()	{
+void main() {
      gl_Position = vec4(aPosition, 1.0);
      vTexCoord = aTexCoord;
@@ Zeile 142: / Zeile 142: @@
 varying vec2 vTexCoord;
 uniform sampler2D uTexture;
-void main()	{
+void main() {
      gl_FragColor = texture2D(uTexture, vTexCoord);
+}
@@ Zeile 158: / Zeile 158: @@
      var child = script.firstChild;
      while (child) {
          if (child.nodeType == 3) {
              source += child.textContent;
@@ Zeile 212: / Zeile 213: @@
 * Maxscript ([http://de.wikipedia.org/wiki/3ds_Max Autodesk 3ds Max]) welches JavaScript-Arrays exportiert: [http://www.c3dl.org/index.php/download/ Download]
-Größere Meshes hat man natürlich ungern direkt im Quellcode und möchte diese auch vielleicht nicht direkt beim Start der Anwendung laden. Hier bietet sich eine eigene HTML-Datei an, die dann über ein [http://www.w3schools.com/XML/xml_http.asp XMLHttpRequest]-Objekt in JavaScript nachgeladen und anschließend dem Browser zum parsen übergeben wird. So kann das laden im Hintergrund realisiert werden.
+Größere Meshes hat man natürlich ungern direkt im Quellcode und möchte diese auch vielleicht nicht direkt beim Start der Anwendung laden. Hier bietet sich eine eigene HTML-Datei an, die dann über ein [http://www.w3schools.com/XML/xml_http.asp XMLHttpRequest]-Objekt (Stichwort: [http://de.wikipedia.org/wiki/AJAX AJAX]) in JavaScript nachgeladen und anschließend dem Browser zum parsen übergeben wird. So kann das laden im Hintergrund realisiert werden.
 Es lohnt sich übrigens diese großen JavaScript-Arrays so kompakt wie möglich zu schreiben. Alleine durch das weglassen von unnötigen Leerzeichen spart man schnell einige 10 oder 100 kB bei der Dateigröße.
 ===Texturen===
-Das Laden von Texturen ist relativ einfach, da der Browser bereits über die nötige Infrastruktur zum Laden von Bildern in vielen Formaten bereitstellt. Etwas ungewohnt ist der asynchrone Ladevorgang: Ein Bild steht nicht sofort zur Verfügung, da dieses ja möglicherweise zuerst vom Server geladen werden muss. Sobald aber das Bild verfügbar ist wird das <tt>onload</tt>-Event ausgelöst.
+Das Laden von Texturen ist relativ einfach, da der Browser bereits über die nötige Infrastruktur zum Laden von Bildern in vielen Formaten bereitstellt. Etwas ungewohnt ist der asynchrone Ladevorgang: Ein Bild steht nicht sofort zur Verfügung, da dieses ja möglicherweise zuerst vom Server geladen werden muss. Sobald aber das Bild verfügbar ist wird das <tt>onload</tt>-Event ausgelöst. Was im Fehlerfall geschehen soll wird über das <tt>onerror</tt>-Event festgelegt.
 <source lang="javascript">
 function loadTexture(filename) {
      var texture = gl.createTexture();
      gl.bindTexture(gl.TEXTURE_2D, texture);
@@ Zeile 225: / Zeile 227: @@
      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
      var image = new Image();
      image.onload = function() {
          gl.bindTexture(gl.TEXTURE_2D, texture);
@@ Zeile 234: / Zeile 238: @@
          alert("error while loading image '"+filename+"'.");
+     }
      image.src = filename;
      return texture;
+}
@@ Zeile 245: / Zeile 253: @@
 ==Links==
-* [http://www.khronos.org/opengles/2_X/ OpenGL ES 2.X and the OpenGL ES Shading Language]
+* Offizielle Dokumentation
 ** [http://www.khronos.org/registry/gles/ Khronos OpenGL ES API Registry]
 ** [http://www.khronos.org/registry/gles/specs/2.0/es_full_spec_2.0.24.pdf OpenGL ES 2.0.24  Full Specification]
 ** [http://www.khronos.org/registry/gles/specs/2.0/GLSL_ES_Specification_1.0.17.pdf OpenGL ES Shading Language 1.0.17]
-* [http://www.khronos.org/developers/resources/webgl/ WebGL Implementations, Tutorials and Sample Code]
+** [http://www.khronos.org/developers/resources/webgl/ WebGL Implementations, Tutorials and Sample Code]
-* [http://www.planet-webgl.org/ Planet WebGL]
+* [http://www.planet-webgl.org/ Planet WebGL], eine Aggregation verschiedener Blogs über WebGL
 * [http://bjartr.blogspot.com/2009/10/webgl-what-is-it-and-how-can-i-use-it_04.html WebGL Tutorial and WebGLU Library]
 * Portierung der NeHe OpenGL Tutorials zu WebGL: