wV Library Method
Short Description: Set Width Vector of Object
Signature: t.wV (x,y,z) or (p)
Group: Shape
Class: transition Class
Defines the width vector of the animated object. Default is (w,0,0)
whereby w is the width of the associated HTML element.
The width vector gives the displacement from the top left corner to
the top right corner. Alternatively (p) can be specified as a Position Specification
that will be resolved into coordinates. p then specifies to top right corner
and the width vector is evaluated by subtracting the current top left corner
from p.
Sample HTML
element with id="s10"
By enlarging or reducing the vector, the width of the (animated image of the) element
can be changed.
By turning the height and the width vector the object can be rotated.
The examples below reduce the length of the width vector and so reduce the width
of the transition.
taccgl.actor('s10') . wV (100, 0, 0) . duration(5). start(); | RUN |
taccgl.actor('s10') . wV ({rx:0.5}) . duration(5). start(); | RUN |
var t= taccgl.actor('s10'); t. wV (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') . wV (200, 100, 0) . duration(5). start(); | RUN |
taccgl.actor('s10') . wV ({rx:1,ry:0.5}) . duration(5). start(); | RUN |
var t= taccgl.actor('s10'); t. wV (t.w,t.w/2,0) . duration(5). start(); | RUN |
var t= taccgl.actor('s10'); t. wV (t.w,0,-t.w) . duration(5). start(); | RUN |
var t= taccgl.actor('s10'); t. wV (0,0,-t.w) . duration(5). start(); | RUN |
WebGL™ is a trademark of the Khronos Group Inc.
| 
3D Animation
