HTML 5 Canvas Library
 

hVTo Library Method

Short Description: Animate Height Vector of Object

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

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

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

taccgl.actor('s10') . hVTo (0, 100, 0) . duration(5). start();
RUN
taccgl.actor('s10') . hVTo ({ry:0.5}) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVTo (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') . hVTo (100, 200, 0) . duration(5). start();
RUN
taccgl.actor('s10') . hVTo ({rx:0.5,ry:1}) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVTo (t.h/2,t.h,0) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVTo (0,t.h,-t.h). duration(5). start();
RUN
var t= taccgl.actor('s10'); t. hVTo (0,0,-t.h) . duration(5). start();
RUN

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:transition.wVTo - Animate Width Vector of Object
Previous Page: transition.dV - Set Depth Vector of Object