Scrawl-canvas v8 - Canvas test 022

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

Touch test: should work as expected

Annotated code