HTML5 Canvas 3D WebGL (TM) javaScript Library
 

Animated Object

In the simplest case a transition refers to a single complete HTML element or a part thereof (see restrict). It could, however, also refer to a box or a cube having HTML elements mapped to its sides.

As explained in Canvas Operation actually not the HTML element itself is animated but just an image of the elements visual representation is moving on the screen. The HTML element itself and its representation in the DOM does not change (except for being hidden and shown). Consequently there can be multiple transitions simulateneously animating the same HTML element.

The animated element often does, but not necessarily needs to look like the HTML element before and after the animation. For example the shown image could be clipped, resized, moved, faded, or colored.

We distinguish the animated object and its texture. So for example the animated object could be a cube. On each face of the cube some image is mapped, which is called the texture. There are various methods to control the animated object and there is another set of methods to control the texture mapped on it.

In the simplest case the object animated by a transition is a 2D rectangular image (Transition Class). The animated object can also be a 2D/3D shape consisting of various rectangular faces taccglMultiFace Class (e.g. a Cube) or it can be a somehow deformed image of an original 2D rectangular image taccglFlexiBorder Class.

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:Time and Duration
Previous Page: taccgl Transitions