3d Canvas

vorige Präsentation: 2d Canvas | zurück zum Buch-Kapitel [esc] | Nächste Präsentation Javascript die Sprache

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.

• 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

3d Canvas

vorige Präsentation: 2d Canvas | zurück zum Buch-Kapitel [esc] | Nächste Präsentation Javascript die Sprache