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.