Scrawl-canvas v8
- Canvas test 022
Grid entity - basic functionality (color, gradients)
Columns
Rows
Column gutter
Row gutter
Grid width
n%
n
Grid height
n%
n
Base fill
Blue
Red
Canvas gradient
Grid gradient
Highlight fill
Blue
Red
Canvas gradient
Grid gradient
Grid lines stroke
Grey
Base fill
Highlight fill
Blue
Red
Canvas gradient
Grid gradient
Starts ('n%')
X:
Y:
Handles ('n%')
X:
Y:
Starts (n)
X:
Y:
Handles (n)
X:
Y:
Starts ('str')
X:
left
center
right
Y:
top
center
bottom
Handles ('str')
X:
left
center
right
Y:
top
center
bottom
Offset ('n%')
X:
Y:
Offset (n)
X:
Y:
Roll
Scale
Flip-upend
false
true
Flip-reverse
false
true
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
Annotated code