Canvas Drawing Library
 

wVFrom Library Method

Short Description: Animate Width Vector of Object

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

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

taccgl.actor('s10') . wVFrom (100, 0, 0) . duration(5). start();
RUN
taccgl.actor('s10') . wVFrom ({rx:0.5}) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. wVFrom (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') . wVFrom (200, 100, 0) . duration(5). start();
RUN
taccgl.actor('s10') . wVFrom ({rx:1,ry:0.5}) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t. wVFrom (t.w,t.w/2,0) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t.wVFrom (t.w,0,-t.w) . duration(5). start();
RUN
var t= taccgl.actor('s10'); t.wVFrom (0,0,-t.w) . duration(5). start();
RUN
Next Page:transition.dVFrom - Animate Depth Vector of Object
Previous Page: transition.hVFrom - Animate Height Vector of Object