Canvas Library

taccgl Transitions

A taccgl™ animation is composed of one or more transitions. A javaScript program can call taccgl™ to create transitions and then later ask taccgl™ to play the transitions (taccgl.start method). The playing takes place in an asyncrhronous way, i.e. the user program starts the animation and continues to run and finally stops while the animation continues playing in parallel. (In fact javaScript normally does not support and taccgl™ does not use fully parallel execution and so the user program actually must stop for the animation to play).

It is however possible that the user program continues to run while the animation is playing (e.g. when a mouse or timer event fires) and that it creates further transitions or that it even modifies or stops the currently playing transitions.

A transition is repesented by a javaScript object. An transition object is first created (using e.g. the a ,actor, or cont methods) and then a multitude of parameters of the n step can be set by calling methods. Finally transition.start must be called to start the newly created transition.

In the simplest case a transition animates a single complete HTML element like an image or a paragraph. Typically an amimation step would e.g. move, rotate, or fade the element. Also simultaneously moving and rotating an element is seen as a single transition. However, moving an element from one place to another and then rotating it would be seen as two transitions.

For each transition, the following items can be set

  1. the Animated Object, e.g. an HTML element, part of an HTML element, a cube or a box with HTML elements mapped to its sides, a somehow deformed HTML element
  2. the Time and Duration of the anmination step
  3. the Motion performed during the transition
  4. the texture of the animated object could be changes using Textures

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:Animated Object
Previous Page: Transparancy