WebGL (TM) Library
 

hVFrom Library Method

Short Description: Animate Height Vector of Object

Signature: t.hVFrom (x,y,z) or (p)
Group: Shape
Class: transition Class
 
Sample HTML element with id="s10"

Gives the starting point of an animation animating the height vector of a transition. The parameters have the same meaning as with hV. hVTo can be used to set the end point.

The examples below reduce the length of the height vector and so reduce the height of the transition.

taccgl.actor('s10') . hVFrom (0, 100, 0) . duration(5). start();
RUN
taccgl.actor('s10') . hVFrom ({ry:0.5}) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVFrom (0,t.h/2,0) . duration(5). start();
RUN

The examples below add use a non-zero x or z value to the vector and so produce a parallelogram.

taccgl.actor('s10') . hVFrom (100, 200, 0) . duration(5). start();
RUN
taccgl.actor('s10') . hVFrom ({rx:0.5,ry:1}) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVFrom (t.h/2,t.h,0) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVFrom (0,t.h,-t.h). duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVFrom (0,0,-t.h) . duration(5). start();
RUN

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:transition.wVFrom - Animate Width Vector of Object
Previous Page: transition.dVTo - Animate Depth Vector of Object