HTML5+CSS on Canvas 3D WebGL (TM) Library
 

sliceV Library Method

Short Description: Split elements in set vertically

Signature: m.sliceV (n,g,s,f)
Class: taccglMulti Class
 

Vertically slices each transition a in the current set. Each transition is replaced by n transitions each handling a slice of the original transition. restrict is called selecting a vertical slice for each transition. If g>0 this defines a gap between each of the slices of g pixels. If s!=0 each slice is s pixels wider than the slice before. If f!=0 each slice is by the factor f wider than the slice before.

Examples

var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(4,1).blend(0,0).color("red").start();RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(4,50).blend(0,0).color("red").start();RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(4,1,50).blend(0,0).color("red").start();RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(4,1,0,0.5).blend(0,0).color("red").start();RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(10).hide();
m.selModulo(2,0).mp(function(a){a.flyOut(a.x0,-1000,0);}).start();
m.selModulo(2,1).mp(function(a){a.flyOut(a.x0,1500,0);}).start();
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceH(10).hide();
m.selModulo(2,0).mp(function(a){a.flyIn(-1000,a.y0,0);}).start();
m.selModulo(2,1).mp(function(a){a.flyIn(1500,a.y0,0);}).visAtEnd('visible').start();
RUN

WebGL™ is a trademark of the Khronos Group Inc.

Next Page:taccglMulti.sliceH - Split elements in set horizontally
Previous Page: taccglMulti.sequence - Run transitions in set in sequence
Please Add a Comment or Question, click here!