Under good conditions the library directly uses hardware graphic acceleration and its performance critical parts run directly on the computers graphic unit. This provides an extreme performance gain compared to DOM and script based animations and allows you to run smooth animations with thousands of elements.
If no hardware acceleration is present (or if it is not usable because of the browser or the graphics driver) the library uses the HTML 5 - 2D canvas which provides quite fast animations with restricted features on fast computers as well.
For slow graphic accelerators and/or slow processors that can not handle the full screen resolution smoothly, the library plays the animations only on a portion of the screen or becomes completely inactive to not interfere normal operations on the page.
On older browsers that do not support HTML 5 canvas and no animations show up.
taccgl™ can display CSS formatted HTML elements with the new HTML5 3D canvas which brings the following benefits:
Elements can be animated using GPU acceleration, they can be moved, accelerated, deformed, bent, lighted etc. and they can enjoy the performance of the GPU which normally has enough power to separately animate thousands of copies of (fragments of) HTML elements.
Also HTML elements can be fully integrated into a 3D scene, e.g. they can rotate in 3D, they can be displayed before or behind other HTML elements even partially, and they can cast shadows or shadows can be casted on them. In addition HTML elements can be mapped on 3D objects such as cubes or spheres.
- animating CSS formatted HTML elements
- mapping of HTML elements on 3D objects
- displaying 3D objects created with a modelling program (e.g. Blender) and aligning them with HTML and CSS
The new HTML 5 canvas feature in its 3D version brings fantastic new graphic and animation features, such as
- performing of animations with thousands of triangles,
- separately controlling every pixel and calculating each pixel's color once per frame,
and also special 3D features such as
- 3D depth buffering for hidden surface handling,
- 3D lighting for simulating light sources and reflection on 3D objects, and
- automatic 3D shadow calculation.
In pure HTML 5 canvas 3D/WebGL™ the content to be displayed must be individually programmed. The taccgl™ library greatly simplifies this process. by allowing the user to use CSS formatted HTML elements togehter with 3D Models created with a modelling program.