To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Starts ('n%')
X:
Y:
Handles ('n%')
X:
Y:
Starts (n)
X:
Y:
Handles (n)
X:
Y:
Starts ('str')
X:
Y:
Handles ('str')
X:
Y:
Offset ('n%')
X:
Y:
Offset (n)
X:
Y:
Roll
Scale
Flip-upend
Flip-reverse
Test purpose
Create, update and interact with a Grid entity
Create colors and gradients to be used by the Grid entity
Create the Grid entity
Animate so that the Grid responds to mouse movements to highlight the tile under the mouse pointer
Add controls to manipulate the number of rows in the Grid
Add controls to vary the width of column and row gutters
Add controls to vary the Grid's dimensions
Add selectors so tester can change the 'base' fill, and the 'highlight' fill
Check that gradient fills can be constrained to the Grid, or be applied Cell-wide
Add a selector so tester can change the guttering fill (by String, by object, by index number)
Add controls to manipulate the Grid's positioning (start, handle, offset)
Add controls to manipulate the Grid's roll, scale and flip attributes