HTML5+CSS on Canvas 3D WebGL (TM) Library


On the animated object one (or in case of taccglMultiFace Class one on each face) texture can be mapped. Initially the texture is an image that is supposed to look like the HTML element (see Restrictions) associated with the transition.

Using mapActor or mapElement a different HTML element could be mapped. For multiface transitions, first a face needs to be selected using selFace. Using mapRelative, mapClip, or mapClipToElement also part of an HTML element could be mapped.

As explained in Texture Canvas, the HTML elements are first drawn on a 2D canvas and the mapped as textures. Using the somewhat more low level function map you can give a rectangular portion of the texture canvase in coordinates of the original page and map that portion to the animated object or face.

Textures can also be animated using texmove, mapA, or map1.

In addition the texture blends actually the selected portion of the Alternate Canvas over the selected portion of the Texture Canvas over a fixed color. Using blend it can be selected to what percentage each of these canvases are shown. Initially only the Texture Canvas is shown not the Alternate Canvas. A color can be selected using color. It becomes visible however only if the HTML element drawn on the Texture Canvas is partially transparent, or if it is made transparent using blend. Also blend and color have additional parameters to animate the blending and the color.

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:Transition Kind
Previous Page: Motion
Please Add a Comment or Question, click here!