Tutorial WebGL - Versionsgeschichte

Mathias: /* Vorwort */

2018-07-17T15:41:08Z

‎Vorwort

Mathias: /* Vorwort */

2018-07-17T15:40:41Z

‎Vorwort

Mathias am 17. Juli 2018 um 15:36 Uhr

2018-07-17T15:36:46Z

Mathias am 17. Juli 2018 um 15:35 Uhr

2018-07-17T15:35:59Z

Mathias: /* Demos */

2018-07-17T15:33:45Z

‎Demos

Mathias: /* Demos */

2018-07-17T15:31:43Z

‎Demos

Mathias am 17. Juli 2018 um 15:27 Uhr

2018-07-17T15:27:41Z

Mathias: /* Links */

2018-07-17T14:52:39Z

‎Links

Mathias: /* Links */

2018-07-12T21:09:06Z

‎Links

Mathias am 12. Juli 2018 um 21:04 Uhr

2018-07-12T21:04:48Z

@@ Zeile 3: / Zeile 3: @@
 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/ OpenGL ES], also insbesondere [[GLSL]] und [[VBO]]s werden vorausgesetzt. Neben diesem Tutorial existieren auch einige andere [[#Links|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.
-Das neuere WebGL 2.0 lehnt an OpenGL ES 3.00 an und somit werden werden auch [[VAO] unterstütz.<br>
+Das neuere WebGL 2.0 lehnt an OpenGL ES 3.00 an und somit werden werden auch [[VAO]] unterstütz.<br>
 Siehe auch:
 * [https://www.khronos.org/registry/webgl/specs/latest/2.0/#3.6 WebGL 2.0 Specification]

@@ Zeile 3: / Zeile 3: @@
 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/ OpenGL ES], also insbesondere [[GLSL]] und [[VBO]]s werden vorausgesetzt. Neben diesem Tutorial existieren auch einige andere [[#Links|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.
 Siehe auch:
-* [[WebGL|Hauptseite WebGL]]
+* [https://www.khronos.org/registry/webgl/specs/latest/2.0/#3.6 WebGL 2.0 Specification]
 ==Demos==

← Nächstältere Version		Version vom 17. Juli 2018, 15:36 Uhr
Zeile 1:		Zeile 1:
		+	==Vorwort==
		+
	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/ OpenGL ES], also insbesondere [[GLSL]] und [[VBO]]s werden vorausgesetzt. Neben diesem Tutorial existieren auch einige andere [[#Links\|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.		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/ OpenGL ES], also insbesondere [[GLSL]] und [[VBO]]s werden vorausgesetzt. Neben diesem Tutorial existieren auch einige andere [[#Links\|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.

← Nächstältere Version		Version vom 17. Juli 2018, 15:35 Uhr
Zeile 1:		Zeile 1:
−	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. Neben diesem Tutorial existieren auch einige andere [[#Links\|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.	+	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/ OpenGL ES], also insbesondere [[GLSL]] und [[VBO]]s werden vorausgesetzt. Neben diesem Tutorial existieren auch einige andere [[#Links\|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.

	Siehe auch:		Siehe auch:

@@ Zeile 8: / Zeile 8: @@
 Zunächst einmal ein paar Demos um die Funktionalität des eigenen Browsers zu testen.
-[http://webglsamples.org/ ] - Ein paar Demos die zeigen, was WebGL leistet.
+* [http://webglsamples.org/ ] - Ein paar Demos die zeigen, was WebGL leistet.
 Noch 2 Bilder, zu denen es keine Source mehr gibt:

@@ Zeile 5: / Zeile 5: @@
 ==Demos==
 Zunächst einmal ein paar Demos um die Funktionalität des eigenen Browsers zu testen.
 {|{{Prettytable_B1}}
-| [[Bild:webgl-sporeviewer.jpg|320px]]<br />[http://people.mozilla.com/~vladimir/webgl/spore/sporeview.html Spore Creature Viewer]
+| [[Bild:webgl-sporeviewer.jpg|320px]]
-| [[Bild:webgl-metatunnel.jpg|320px]]<br />[http://cs.helsinki.fi/u/ilmarihe/metatunnel.html Metatunnel]
+| [[Bild:webgl-metatunnel.jpg|320px]]
 |}
 ==WebGL==

← Nächstältere Version		Version vom 17. Juli 2018, 15:27 Uhr
Zeile 1:		Zeile 1:
−	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. Neben diesem Tutorial existieren auch einige andere [[#Links\|Tutorials]], aber ein Blick in den Quellcode der verfügbaren Demos kann nie schaden.
−
−	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.
−
−	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 (Stand Dezember 2009):
−
−	* Gecko-Engine
−	** Mozilla Firefox 4.0 ([http://www.mozilla-europe.org/de/ Homepage])
−	*** 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>.
−	* WebKit ([http://nightly.webkit.org/ Nightly Build])
−	** Google Chrome 4.0.221.8 ([http://build.chromium.org/buildbot/snapshots/ Nightly-Build])
−	*** mit den Parametern <tt>--enable-webgl</tt> und <tt>--no-sandbox</tt> starten
−	** Safari (Nightly Build, ab ca. 23.9.2009)
−	* <span style="color:grey;">...bitte ergänzen...</span>
−
−	~~'''Hinweis:''' Unterdessen wird WebGL von allen gängigen Browser unterstützt und ist Standardmässig aktiviert. ( Stand 07.2018 )~~
−
−
−
−	~~__TOC__~~

		+	Siehe auch:
		+	* [[WebGL\|Hauptseite WebGL]]

	==Demos==		==Demos==

← Nächstältere Version		Version vom 17. Juli 2018, 14:52 Uhr
Zeile 291:		Zeile 291:

	==Links==		==Links==
−	* Offizielle Dokumentation	+	* [[WebGL#Links\|Hauptseite WebGL]]
−	** [~~https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/doc/spec/WebGL-spec.html WebGL Specification, Working Draft 10 December 2009]~~
−	** [http://www.khronos.org/opengles/2_X/ OpenGL ES 2.X and the OpenGL ES Shading Language]
−	** [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/message_boards/viewforum.php?f=35 Offizielles WebGL Forum]
−	* 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://sylvester.jcoglan.com/ Sylvester - Vector and Matrix math for JavaScript]
−	* Portierung der NeHe OpenGL Tutorials zu WebGL:
−	** [http://learningwebgl.com/blog/?p=11 Lesson 0: Getting started]
−	** [http://learningwebgl.com/blog/?p=28 Lesson 1: A triangle and a square]
−	** [http://learningwebgl.com/blog/?p=134 Lesson 2: Adding colour]
−	** [http://learningwebgl.com/blog/?p=239 Lesson 3: A bit of movement]
−	** [http://learningwebgl.com/blog/?p=370 Lesson 4: Some real 3D objects]
−	** [http://learningwebgl.com/blog/?p=507 Lesson 5: Introducing textures]
−	** [http://learningwebgl.com/blog/?p=571 Lesson 6: Keyboard input and texture filters]
−	** [http://learningwebgl.com/blog/?p=684 Lesson 7: Basic directional and ambient lighting]
−	** [http://learningwebgl.com/blog/?p=859 Lesson 8: The depth buffer, transparency and blending]
−	** [http://learningwebgl.com/blog/?p=1008 Lesson 9: Improving the code structure with lots of moving objects]
−	** [http://learningwebgl.com/blog/?p=1067 Lesson 10: Loading a world, and the most basic kind of camera]
−
−	* 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://cs.helsinki.fi/u/ilmarihe/metatunnel.html Metatunnel]
−	** [http://code.google.com/p/chromium/source/browse/trunk/samples/webgl Beispiele für Chromium], funktionieren scheinbar nicht mit Firefox
−	** [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]
−	* Sonstiges
−	** [https://de.wikipedia.org/wiki/WebGL Wikipedia] - Aktuelles
−	** [http://www.planet-webgl.org/ Planet WebGL], eine Aggregation verschiedener Blogs über WebGL

@@ Zeile 322: / Zeile 322: @@
 ** [http://bjartr.blogspot.com/2009/10/interactive-shader-editing-with-webgl.html Interactive Shader Editing with WebGL and the WebGLU Library]
 * Sonstiges
 ** [http://www.planet-webgl.org/ Planet WebGL], eine Aggregation verschiedener Blogs über WebGL

← Nächstältere Version		Version vom 12. Juli 2018, 21:04 Uhr
Zeile 14:		Zeile 14:
	** Safari (Nightly Build, ab ca. 23.9.2009)		** Safari (Nightly Build, ab ca. 23.9.2009)
	* <span style="color:grey;">...bitte ergänzen...</span>		* <span style="color:grey;">...bitte ergänzen...</span>
		+
		+	'''Hinweis:''' Unterdessen wird WebGL von allen gängigen Browser unterstützt und ist Standardmässig aktiviert. ( Stand 07.2018 )
		+