/*______________
| ______ | U I Z E J A V A S C R I P T F R A M E W O R K
| / / | ---------------------------------------------------
| / O / | MODULE : Uize.Widget.ImageWipe.xPresets Class Extension
| / / / |
| / / / /| | ONLINE : http://uize.com
| /____/ /__/_| | COPYRIGHT : (c)2005-2014 UIZE
| /___ | LICENSE : Available under MIT License or GNU General Public License
|_______________| http://uize.com/license.html
*/
/* Module Meta Data
type: Class
importance: 2
codeCompleteness: 100
docCompleteness: 100
*/
/*?
Introduction
The =Uize.Widget.ImageWipe.xPresets= module extends the =Uize.Widget.ImageWipe= class by adding a wide assortment of slick wipe animation effect presets.
*DEVELOPERS:* `Chris van Rensburg`
Using the Presets
The =Uize.Widget.ImageWipe.xPresets= module exposes its wipe effect presets through the =Uize.Widget.ImageWipe.presets= static property.
Each property of the =Uize.Widget.ImageWipe.presets= object is a wipe effect preset, where the name of the property is the effect preset name, and where the value is an object containing values for various state properties of the =Uize.Widget.ImageWipe= class.
Consider the value of the =Uize.Widget.ImageWipe.presets.facetedFade= preset...
.......................................................................
{
allToFull : 50,
duration : 3000,
dissolve : true,
divisionsX : 4,
divisionsY : 4,
firstPaneSizeX : 300,
firstPaneSizeY : 0,
alignX : {start:0,end:1,keyedTo:'pane',wraps:5,wrapMode:'triangle'},
alignY : {start:0,end:1,keyedTo:'pane',wraps:7,wrapMode:'triangle'},
paneSeedSizeX : 50,
paneSeedSizeY : 100,
paneSeedContext : 100,
paneProgressDelay : 10,
paneOrderScheme : 'jumbled'
}
.......................................................................
To use this preset, simply use it to set the state properties of the =Uize.Widget.ImageWipe= instance using the =set= instance method, as follows...
............................................................
myImageWipe.set (Uize.Widget.ImageWipe.presets.facetedFade);
............................................................
*/
Uize.module ({
name:'Uize.Widget.ImageWipe.xPresets',
builder:function (_class) {
'use strict';
var
/*** Variables for Scruncher Optimization ***/
_true = true,
_false = false,
_outsideIn = 'outside in',
_insideOut = 'inside out',
_normal = 'normal',
_reverse = 'reverse',
_duration2000 = 2000,
_duration3000 = 3000,
_start0End1KeyedToRow = {start:0,end:1,keyedTo:'row'},
_start0End1KeyedToPane = {start:0,end:1,keyedTo:'pane'},
_start1End0KeyedToPane = {start:1,end:0,keyedTo:'pane'},
_start1EndPoint5KeyedToPane = {start:1,end:.5,keyedTo:'pane'}
;
/*** Public Static Properties ***/
var
_presetTables = {
/*?
Static Properties
Uize.Widget.ImageWipe.presets
An object, containing a wide variety of interesting wipe effect presets.
The full list of wipe preset effects is listed below...
*/
blindsVerticalFromOutside:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalFromOutside
Vertical blinds that start out from the left and right edges and close progressively towards the center. All blinds from left to right are the same width.
*/
],
blindsVerticalFromInside:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start1End0KeyedToPane,
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalFromInside
Vertical blinds that start out from the center and close progressively towards the left and right edges. All blinds from left to right are the same width.
*/
],
blindsVerticalFromLeft:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 10,
/* firstPaneSizeY */ 100,
/* alignX */ _start1EndPoint5KeyedToPane,
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalFromLeft
Vertical blinds that start out from the left edge and close progressively towards the right edge. Blinds start out narrow from the left edge and grow in width towards the right edge.
*/
],
blindsVerticalFromRight:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 10,
/* firstPaneSizeY */ 100,
/* alignX */ _start1EndPoint5KeyedToPane,
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalFromRight
Vertical blinds that start out from the right edge and close progressively towards the left edge. Blinds start out wide from the right edge and shrink in width towards the left edge.
*/
],
blindsVerticalFromRightEven:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 15,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalFromRightEven
Vertical blinds that start out from the right edge and close progressively towards the left edge. All blinds from left to right are the same width, but they reveal from right-to-left at the right edge and progressively shift over - from right to left - so that they reveal from left-to-right at the left edge.
*/
],
blindsVerticalBackSlash:[
/* allToFull */ 0,
/* duration */ 2500,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalBackSlash
Vertical blinds that originate along a diagonal backslash arrangment, where the blind at the left edge reveals from the top and the blind at the right edge reveals from the bottom, and blinds inbetween originate along a diagonal line that spans from top left to bottom right. All blinds from left to right are the same width.
*/
],
blindsVerticalForwardSlash:[
/* allToFull */ 0,
/* duration */ 2500,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start1End0KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalForwardSlash
Vertical blinds that originate along a diagonal forward slash arrangment, where the blind at the left edge reveals from the bottom and the blind at the right edge reveals from the top, and blinds inbetween originate along a diagonal line that spans from bottom left to top right. All blinds from left to right are the same width.
*/
],
blindsVerticalArrowLeft:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 1,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalArrowLeft
Vertical blinds that originate from the right edge in an arrow formation pointing to the left and that close progressively towards the left edge. All blinds from left to right are the same width.
*/
],
blindsVerticalArrowRight:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalArrowRight
Vertical blinds that originate from the left edge in an arrow formation pointing to the right and that close progressively towards the right edge. All blinds from left to right are the same width.
*/
],
blindsVerticalZoom:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ .5,
/* paneSeedSizeX */ 5,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalZoom
Vertical blinds that zoom out from the center - growing in height as they travel - to stack up against the left and right sides at the same time. All blinds from left to right are the same width.
*/
],
blindsVerticalGrowFromCenter:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 50,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsVerticalGrowFromCenter
A formation of vertical blinds that grows out from the center towards all four edges, growing to become a solid rectangle. All blinds from left to right are the same width.
*/
],
blindsHorizontalFromOutside:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsHorizontalFromOutside
Horizontal blinds that start out from the top and bottom edges and close progressively towards the center. All blinds from top to bottom are the same height.
*/
],
blindsHorizontalFromInside:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ _start1End0KeyedToPane,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsHorizontalFromInside
Horizontal blinds that start out from the center and close progressively towards the top and bottom edges. All blinds from top to bottom are the same height.
*/
],
blindsHorizontalFromTop:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsHorizontalFromTop
Horizontal blinds that start out from the top edge and close progressively towards the bottom edge. All blinds from top to bottom are the same height, but they reveal from top-to-bottom at the top edge and progressively shift over - from top to bottom - so that they reveal from bottom-to-top at the bottom edge.
*/
],
blindsHorizontalFromBottom:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsHorizontalFromBottom
Horizontal blinds that start out from the bottom edge and close progressively towards the top edge. All blinds from bottom to top are the same height, but they reveal from bottom-to-top at the bottom edge and progressively shift over - from bottom to top - so that they reveal from top-to-bottom at the top edge.
*/
],
blindsHorizontalTornado:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsHorizontalTornado
Horizontal blinds that start out from the top edge and close progressively towards the bottom edge. Blinds reveal in a tornado like configuration.
*/
],
blindsHorizontalZoom:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 5,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsHorizontalZoom
Horizontal blinds that zoom out from the center - growing in width as they travel - to stack up against the top and bottom sides at the same time. All blinds from top to bottom are the same height.
*/
],
blindsHorizontalGrowFromCenter:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 50,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.blindsHorizontalGrowFromCenter
A formation of horizontal blinds that grows out from the center towards all four edges, growing to become a solid rectangle. All blinds from top to bottom are the same height.
*/
],
verticalStackingAgainstLeft:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 0,
/* firstPaneSizeY */ 100,
/* alignX */ {start:1,end:0.9,keyedTo:'pane'},
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 80,
/* paneProgressDelay */ 100,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.verticalStackingAgainstLeft
Vertical rectangles that stack in a frantic manner, shooting out from the right side and stacking up progressively against the left side and filling in towards the right side. Stacking rectangles are initially narrow, but get progressively larger as the stacking progresses, making the effect appear to slow down towards the end.
*/
],
verticalStackingAgainstRight:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 200,
/* firstPaneSizeY */ 100,
/* alignX */ {start:.1,end:0,keyedTo:'pane'},
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 80,
/* paneProgressDelay */ 100,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.verticalStackingAgainstRight
Vertical rectangles that stack in a frantic manner, shooting out from the left side and stacking up progressively against the right side and filling in towards the left side. Stacking rectangles are initially narrow, but get progressively larger as the stacking progresses, making the effect appear to slow down towards the end.
*/
],
trapezoidClockwise:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.trapezoidClockwise
A trapezoid that grows out from a horizontal sliver in the center and rotates clockwise as it grows to eventually occupy the entire wipe port.
*/
],
trapezoidCounterClockwise:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.trapezoidCounterClockwise
A trapezoid that grows out from a vertical sliver in the center and rotates counter-clockwise as it grows to eventually occupy the entire wipe port.
*/
],
openingV:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ {start:0,end:1,keyedTo:'pane',wraps:2,wrapMode:'triangle'},
/* paneSeedSizeX */ 5,
/* paneSeedSizeY */ 20,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.openingV
A "V" shape that grows out from a vertical sliver in the center and spreads open to the left and the right as it grows to eventually occupy the entire wipe port.
*/
],
tornado:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 200,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 5,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.tornado
A tornado like shape that enters from the top left and grows down towards the bottom right, eventually expanding to occupy the entire wipe port.
*/
],
wBlinds:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ {start:0,end:1,keyedTo:'column',wraps:2,wrapMode:'triangle'},
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ {start:0,end:100,keyedTo:'column',wraps:2,wrapMode:'triangle'},
/* paneSeedContext */ 0,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.wBlinds
Vertical blinds that first appear in a configuration roughly resembling the letter "W", that then grow in height and width until they coalesce together to occupy the entire wipe port.
*/
],
diamondVertical:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start1End0KeyedToPane,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.diamondVertical
Vertical blinds that originate in the center in a diamond configuration, that then grow in height and width until they coalesce together to occupy the entire wipe port.
*/
],
diamondHorizontal:[
/* allToFull */ 0,
/* duration */ _duration3000,
/* dissolve */ _false,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ _start1End0KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.diamondHorizontal
Horizontal blinds that originate in the center in a diamond configuration, that then grow in width and height until they coalesce together to occupy the entire wipe port.
*/
],
matrix:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ {start:0,end:1,keyedTo:'column'},
/* alignY */ _start0End1KeyedToRow,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrix
A four-by-four matrix of equal sized panes that all grow in width and height together at the same rate until they coalesce together to occupy the entire wipe port.
*/
],
matrixZoomBottomRight:[
/* allToFull */ 0,
/* duration */ 4000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 1,
/* alignY */ 1,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixZoomBottomRight
Panes that zoom out, one by one, from the bottom right corner to take their place at their final size in a matrix of equal sized panes that coalesce together to occupy the entire wipe port.
*/
],
matrixZoomTopLeft:[
/* allToFull */ 0,
/* duration */ 4000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixZoomTopLeft
Panes that zoom out, one by one, from the top left corner to take their place at their final size in a matrix of equal sized panes that coalesce together to occupy the entire wipe port.
*/
],
matrixZoomCenter:[
/* allToFull */ 0,
/* duration */ 4000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ .5,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixZoomCenter
Panes that zoom out, one by one, from the center to take their place at their final size in a matrix of equal sized panes that coalesce together to occupy the entire wipe port. Panes alternate between zooming out in the direction of the top left and zooming out in the direction of the bottom right.
*/
],
matrixFromOutside:[
/* allToFull */ 0,
/* duration */ 4000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToRow,
/* alignY */ _start0End1KeyedToRow,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixFromOutside
A four-by-four matrix of equal sized panes that grow in width and height until they coalesce together to occupy the entire wipe port, starting with the panes at the top left and top right and progressing towards the panes in the center.
*/
],
matrixJumbled:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ .5,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ 'jumbled'
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixJumbled
A four-by-four matrix of equal sized panes that start out as thin horizontal lines and grow in height until they coalesce together to occupy the entire wipe port, with the growth of the panes randomly staggered in time so not all the panes are growing at the same time or rate.
*/
],
matrixDrifting:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ {start:0,end:1,keyedTo:'pane',wraps:20,wrapMode:'triangle'},
/* alignY */ {start:0,end:1,keyedTo:'pane',wraps:4,wrapMode:'triangle'},
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 2,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixDrifting
A series of panes that originate at the same time at randomly positioned points within the wipe port and that migrate and grow at the same rate, to take their place at their final size in a matrix of equal sized panes that coalesce together to occupy the entire wipe port. Because the origin of each pane is random, panes can cross paths as they migrate to their final position.
*/
],
matrixFromTopLeftFade:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixFromTopLeftFade
A four-by-four matrix of equal sized panes that don't move in position but that progressively fade in over time, starting from the top left pane and progressively fading in from left to right and top to bottom, so that the bottom right pane is the last to completely fade in.
*/
],
matrixFromBottomRightFade:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixFromBottomRightFade
A four-by-four matrix of equal sized panes that don't move in position but that progressively fade in over time, starting from the bottom right pane and progressively fading in from right to left and bottom to top, so that the top left pane is the last to completely fade in.
*/
],
matrixFromCornersFade:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixFromCornersFade
A four-by-four matrix of equal sized panes that don't move in position but that progressively fade in over time, starting from the top left and bottom right panes and progressively fading in from both directions towards the center.
*/
],
matrixTartanFacetedFade:[
/* allToFull */ 100,
/* duration */ 5000,
/* dissolve */ _true,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ {start:0,end:1,keyedTo:'column'},
/* alignY */ {start:0,end:1,keyedTo:'row'},
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.matrixTartanFacetedFade
A four-by-four matrix of equal sized panes that don't move in position but that progressively fade in and grow in size over time, until every pane eventually is completely opaque and occupies the entire wipe port, with a "tartan" effect being produced as their boundaries cross.
*/
],
backSlash:[
/* allToFull */ 100,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.backSlash
A backslash shape that cuts the wipe port diagonally from top left to bottom right, and that grows in size to eventually occupy the entire wipe port.
*/
],
forwardSlash:[
/* allToFull */ 100,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start1End0KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.forwardSlash
A forward slash shape that cuts the wipe port diagonally from top right to bottom left, and that grows in size to eventually occupy the entire wipe port.
*/
],
backSlashWithCurl:[
/* allToFull */ 100,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 2,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.backSlashWithCurl
A backslash shape that cuts the wipe port diagonally from top left to bottom right, and that grows in size to eventually occupy the entire wipe port, growing at a non-linear rate so that the top left side of the wipe port is revealed more rapidly than the bottom right, producing a page curl like effect.
*/
],
twoBackSlashesCoalesce:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 8,
/* divisionsY */ 2,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ .5,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.twoBackSlashesCoalesce
Two vertical lines that originate centered in the top and bottom halves of the wipe port, and that grow in size and rotate counter-clockwise at the same rate until they eventually coalesce together to occupy the entire wipe port.
*/
],
forwardSlashWithCurl:[
/* allToFull */ 100,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start0End1KeyedToPane,
/* alignY */ _start1End0KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 2,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.forwardSlashWithCurl
A forward slash shape that cuts the wipe port diagonally from top right to bottom left, and that grows in size to eventually occupy the entire wipe port, growing at a non-linear rate so that the top right side of the wipe port is revealed more rapidly than the bottom left, producing a page curl like effect.
*/
],
fourSlashesCounterClockwise:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _false,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ _start1End0KeyedToPane,
/* alignY */ _start0End1KeyedToPane,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 0,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.fourSlashesCounterClockwise
Four small forward slashes that originate in a diagonal formation from bottom left to top right, and that rotate counter-clockwise and grow in size at the same rate until they eventually coalesce together to occupy the entire wipe port.
*/
],
verticalFadeFromTop:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.verticalFadeFromTop
A series of equal sized horizontal panes that are stacked vertically and that don't move in position but that progressively fade in over time, starting from the top pane and progressively fading in from top to bottom, so that the bottom pane is the last to completely fade in.
*/
],
verticalFadeFromBottom:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.verticalFadeFromBottom
A series of equal sized horizontal panes that are stacked vertically and that don't move in position but that progressively fade in over time, starting from the bottom pane and progressively fading in from bottom to top, so that the top pane is the last to completely fade in.
*/
],
verticalFadeFromInside:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.verticalFadeFromInside
A series of equal sized horizontal panes that are stacked vertically and that don't move in position but that progressively fade in over time, starting from the center / inside panes and progressively fading in towards the top and bottom simultaneously, so that the outside (ie. top and bottom) panes are the last to completely fade in.
*/
],
verticalFadeFromOutside:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.verticalFadeFromOutside
A series of equal sized horizontal panes that are stacked vertically and that don't move in position but that progressively fade in over time, starting from the outside (ie. top and bottom) panes and progressively fading in towards the center from both directions simultaneously, so that the center / inside panes are the last to completely fade in.
*/
],
horizontalFadeFromLeft:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _normal
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.horizontalFadeFromLeft
A series of equal sized vertical panes that are stacked horizontally and that don't move in position but that progressively fade in over time, starting from the left pane and progressively fading in from left to right, so that the right pane is the last to completely fade in.
*/
],
horizontalFadeFromRight:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _reverse
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.horizontalFadeFromRight
A series of equal sized vertical panes that are stacked horizontally and that don't move in position but that progressively fade in over time, starting from the right pane and progressively fading in from right to left, so that the left pane is the last to completely fade in.
*/
],
horizontalFadeFromInside:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.horizontalFadeFromInside
A series of equal sized vertical panes that are stacked horizontally and that don't move in position but that progressively fade in over time, starting from the center / inside panes and progressively fading in towards the left and right simultaneously, so that the outside (ie. left and right) panes are the last to completely fade in.
*/
],
horizontalFadeFromOutside:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ 0,
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ _outsideIn
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.horizontalFadeFromOutside
A series of equal sized vertical panes that are stacked horizontally and that don't move in position but that progressively fade in over time, starting from the outside (ie. left and right) panes and progressively fading in towards the center from both directions simultaneously, so that the center / inside panes are the last to completely fade in.
*/
],
horizontalRibbonFadeFromInside:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 1,
/* divisionsY */ 16,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ {start:0,end:1,keyedTo:'row',wraps:5},
/* alignY */ 0,
/* paneSeedSizeX */ 0,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.horizontalRibbonFadeFromInside
A series of horizontal panes that are stacked vertically and that fade in while growing in width from random points, starting from the center / inside panes and progressively fading and growing in towards the top and bottom simultaneously, so that the outside (ie. top and bottom) panes are the last to completely fade and grow in.
*/
],
verticalRibbonFadeFromInside:[
/* allToFull */ 0,
/* duration */ _duration2000,
/* dissolve */ _true,
/* divisionsX */ 16,
/* divisionsY */ 1,
/* firstPaneSizeX */ 100,
/* firstPaneSizeY */ 100,
/* alignX */ 0,
/* alignY */ {start:0,end:1,keyedTo:'column',wraps:5},
/* paneSeedSizeX */ 100,
/* paneSeedSizeY */ 0,
/* paneSeedContext */ 0,
/* paneProgressDelay */ 20,
/* paneOrderScheme */ _insideOut
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.verticalRibbonFadeFromInside
A series of vertical panes that are stacked horizontally and that fade in while growing in height from random points, starting from the center / inside panes and progressively fading and growing in towards the left and right simultaneously, so that the outside (ie. left and right) panes are the last to completely fade and grow in.
*/
],
facetedFade:[
/* allToFull */ 50,
/* duration */ _duration3000,
/* dissolve */ _true,
/* divisionsX */ 4,
/* divisionsY */ 4,
/* firstPaneSizeX */ 300,
/* firstPaneSizeY */ 0,
/* alignX */ {start:0,end:1,keyedTo:'pane',wraps:5,wrapMode:'triangle'},
/* alignY */ {start:0,end:1,keyedTo:'pane',wraps:7,wrapMode:'triangle'},
/* paneSeedSizeX */ 50,
/* paneSeedSizeY */ 100,
/* paneSeedContext */ 100,
/* paneProgressDelay */ 10,
/* paneOrderScheme */ 'jumbled'
/*?
Static Properties
Uize.Widget.ImageWipe.presets
Uize.Widget.ImageWipe.presets.facetedFade
A series of randomly sized and positioned panes that progressively fade in and grow in size over time, until every pane eventually is completely opaque and occupies the entire wipe port, producing a faceted glass panes wipe effect as they grow in random directions and their boundaries cross.
*/
]
},
_presets = _class.presets = {}
;
/*** build preset objects from compact tables ***/
for (var _presetName in _presetTables) {
var _presetTable = _presetTables [_presetName];
_presets [_presetName] = {
allToFull:_presetTable [0],
duration:_presetTable [1],
dissolve:_presetTable [2],
divisionsX:_presetTable [3],
divisionsY:_presetTable [4],
firstPaneSizeX:_presetTable [5],
firstPaneSizeY:_presetTable [6],
alignX:_presetTable [7],
alignY:_presetTable [8],
paneSeedSizeX:_presetTable [9],
paneSeedSizeY:_presetTable [10],
paneSeedContext:_presetTable [11],
paneProgressDelay:_presetTable [12],
paneOrderScheme:_presetTable [13]
};
}
}
});