HTML5 Canvas 3D WebGL (TM) javaScript Library
 

clipRFrom Library Method

Short Description: Animate Relative Clipping - Set starting point

Signature: t.clipRFrom (s,t,ws,wt,hs,ht) or (l,r,b)
Group: Shape
Class: transition Class
 
HTML Element
With some text.

The parameters have the same meaning as with clipR. The methods sets the starting point of a clipping animation.

A clipping animation at the begin clips a certain part of the element and at the end another part. Both are set with clipRFrom and clipRTo. If either is missing, it defaults to the complete element or the part previously selected e.g. with clipR.

taccgl.actor("htmlel40",taccgl.triangle).clipRFrom(0,0,1,0,0,1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRFrom(1,1,-1,0,0,-1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRFrom(1,0,-1,0,0,1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRFrom(0,1,1,0,0,-1). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRFrom(0,0,1,0,0.5,0.5). dur(3). start();
RUN
taccgl.actor("htmlel40",taccgl.triangle).clipRFrom(1,0,0,1,-0.5,0.5). dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRFrom (0,0,0.5,0,0,1) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRFrom (0,0,0.5,0,0,0.5) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRFrom (0.5,0.5,1,0,0,1) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRFrom (0.25,0.25,0.5,0,0,0.5) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRFrom (0.5,0,1,0.5,0,0.5) . dur(3). start();
RUN
taccgl.actor("htmlel40") . clipRFrom (0,0,0.5,0,0,0.5) . clipRTo (0.5,0.5,0.5,0,0,0.5) . dur(3). start();
RUN

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:transition.clipRTo - Animate Relative Clipping - Set end point
Previous Page: transition.clipR - Select Relative Part / Clip-To Part