HTML 5 Canvas 3D Library
 

wVTo Library Method

Short Description: Animate Width Vector of Object

Signature: t.wVTo (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 width vector of a transition. The parameters have the same meaning as with wV. wVFrom can be used to set the starting point.

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

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

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

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

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:transition.dVTo - Animate Depth Vector of Object
Previous Page: transition.hVTo - Animate Height Vector of Object