One of the most interesting new features of HTML5 is HTML5 canvas, especially canvas 3D or WebGL™, for awfully fast computer graphics. WebGL™ has many features to especially support 3D graphics, while at the same time allowing the web developer to download high speed programs into the client computers graphic accelerator (GPU) and so enabeling high performance 2D graphics including the animation of HTML elements.

This tutorial explains how to use WebGL™ via the taccgl™ library for adding animations to HTML5 web pages. taccgl™ hides the complexity of WebGL™ and is therefore well suited for current HTML/CSS/jacaScript developers. The library also simplifies integration with HTML pages, e.g. by mapping HTML elements on 3D objects and aligning of 3D objects with HTML elements.

Audience for this tutorial are HTML, CSS programmers with some basic JavaScript knowledge. You need to know, how to program HTML and by writing HTML and CSS files using a text editor and you will learn to create animations with a text editor and not with a WYSIWYG tool. You need a little bit of JavaScript programming know how, however the tutorial explains most of the JavaScript used.