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). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(4,50). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(4,1,50). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(4,1,0,0.5). color("red").start();
RUN
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceV(10).hide();
m.selModulo(2,0).mp(function(a){a.to(a.x0,-1000,0);}).start();
m.selModulo(2,1).mp(function(a){a.to(a.x0,1500,0);}).start();
var m=taccgl.ma("pgMiddleColumnTable").paint().sliceH(10).hide();
m.selModulo(2,0).mp(function(a){a.from(-1000,a.y0,0);}).start();
m.selModulo(2,1).mp(function(a){a.from(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