3d Canvas

Wenn der canvas Tag in der 3d Variante verwendet wird, kommt wirklich die Grafikkarte mit ihrer ganzen Render-Pipeline zum Einsatz um 3D Szenen zu rendern. Diese API des Browsers wird '''WebGL''' genannt, und basiert auf OpenGL ES 2.0.

WebGL wird von allen Browsern unterstützt, sogar am Smartphone.

Hier ein Beispiel:

• Bartosz Ciechanowskis Erklärung zur Mechanical Watch
• Learning WebGL

Libraries für WebGL

WebGL direkt zu programmieren ist sehr aufwändig. Die Library three.js ermöglicht die direkt arbeit mit 3d-Objekten, Materialien, Szenen, Kameras.

• Library three.js
• Online Tutorial for three.js
• Library osgjs zum Import von Open Scenegraph
• Babylon.js

Game Engines

Auf WebGL basieren viele Game Engines für das Web. z.B:

• Playcanvas
• Pixijs

Einen Überblick bietet html5gameengine.com