WebGL

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 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.

Hinweis: Unterdessen wird WebGL von allen gängigen Browser unterstützt und ist Standardmässig aktiviert. ( Stand 07.2018 )

Weitere Infos und eine Detailierte Einführung findet man im Tutorial WebGL.

Links

• Offizielle Dokumentation
  • WebGL Specification, Khronos 2014
  • OpenGL ES 2.X and the OpenGL ES Shading Language
  • Khronos OpenGL ES API Registry
  • OpenGL ES / Full Specification and Shader Language(GLSL) - alle Versionen
  • WebGL Implementations, Tutorials and Sample Code
  • Offizielles WebGL Forum
• Bibliotheken
  • WebGL - 3D im Browser - Tutorial (deutsch)
  • WebGL Tutorial and WebGLU Library
  • Sylvester - Vector and Matrix math for JavaScript
• 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
  • Planet WebGL, eine Aggregation verschiedener Blogs über WebGL