WebGL: Unterschied zwischen den Versionen
Aus DGL Wiki
(→Links) |
|||
(11 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
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. | 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. | ||
− | WebGL ist im wesentlichen ein JavaScript-Binding für OpenGL ES | + | WebGL ist im wesentlichen ein JavaScript-Binding für OpenGL ES und wird von allen gängigen Browser unterstützt und ist Standardmässig aktiviert. ( Stand 07.2018 ) |
− | + | Das neuere WebGL 2.0 lehnt an OpenGL ES 3.00 an und somit werden auch [[VAO]] unterstütz.<br> | |
+ | Siehe auch: | ||
+ | * [https://www.khronos.org/registry/webgl/specs/latest/2.0/#3.6 WebGL 2.0 Specification] | ||
− | Weitere Infos und eine Detailierte Einführung findet man im | + | Weitere Infos und eine Detailierte Einführung findet man im: |
+ | * [[Tutorial WebGL]]. | ||
==Links== | ==Links== | ||
Zeile 12: | Zeile 15: | ||
** [http://www.khronos.org/opengles/2_X/ OpenGL ES 2.X and the OpenGL ES Shading Language] | ** [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/ Khronos OpenGL ES API Registry] | ||
− | ** [https://www.khronos.org/registry/OpenGL/specs/es/ OpenGL ES / Full Specification and Shader Language] - alle Versionen | + | ** [https://www.khronos.org/registry/OpenGL/specs/es/ OpenGL ES / Full Specification and Shader Language(GLSL)] - alle Versionen |
** [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] | ||
− | ** [ | + | ** [https://forums.khronos.org/forumdisplay.php/92-WebGL Offizielles WebGL Forum] |
* Bibliotheken | * Bibliotheken | ||
+ | **[https://www.peter-strohm.de/webgl/ WebGL - 3D im Browser] - Tutorial (deutsch) | ||
** [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] | ||
** [http://sylvester.jcoglan.com/ Sylvester - Vector and Matrix math for JavaScript] | ** [http://sylvester.jcoglan.com/ Sylvester - Vector and Matrix math for JavaScript] | ||
Zeile 32: | Zeile 36: | ||
* Demos | * Demos | ||
− | ** | + | ** [http://www.collada.org/ COLLADA]-Meshes, allerdings nur für aus dem Spiel [http://www.spore.com/ Spore] exportierte Meshes. |
− | ** [http:// | + | ** [http://webglsamples.org/ WebGL-Sampler] |
− | |||
** [http://learningwebgl.com/blog/?p=205 Zooming into the Mandelbrot set in a WebGL fragment shader] | ** [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] | ** [http://bjartr.blogspot.com/2009/10/interactive-shader-editing-with-webgl.html Interactive Shader Editing with WebGL and the WebGLU Library] | ||
* Sonstiges | * Sonstiges | ||
** [https://de.wikipedia.org/wiki/WebGL Wikipedia] - Aktuelles | ** [https://de.wikipedia.org/wiki/WebGL Wikipedia] - Aktuelles | ||
− |
Aktuelle Version vom 17. Juli 2018, 16:43 Uhr
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.
WebGL ist im wesentlichen ein JavaScript-Binding für OpenGL ES und wird von allen gängigen Browser unterstützt und ist Standardmässig aktiviert. ( Stand 07.2018 )
Das neuere WebGL 2.0 lehnt an OpenGL ES 3.00 an und somit werden auch VAO unterstütz.
Siehe auch:
Weitere Infos und eine Detailierte Einführung findet man im:
Links
- Offizielle Dokumentation
- Bibliotheken
- Portierung der NeHe OpenGL Tutorials zu WebGL:
- Lesson 0: Getting started
- Lesson 1: A triangle and a square
- Lesson 2: Adding colour
- Lesson 3: A bit of movement
- Lesson 4: Some real 3D objects
- Lesson 5: Introducing textures
- Lesson 6: Keyboard input and texture filters
- Lesson 7: Basic directional and ambient lighting
- Lesson 8: The depth buffer, transparency and blending
- Lesson 9: Improving the code structure with lots of moving objects
- Lesson 10: Loading a world, and the most basic kind of camera
- Demos
- COLLADA-Meshes, allerdings nur für aus dem Spiel Spore exportierte Meshes.
- WebGL-Sampler
- Zooming into the Mandelbrot set in a WebGL fragment shader
- Interactive Shader Editing with WebGL and the WebGLU Library
- Sonstiges
- Wikipedia - Aktuelles