Scrawl-canvas v8 - Canvas test 047

Test purpose

Set up a range of entitys using a bespoke 'component' factory. Each 'component' should include a Wheel entity with an associated Color asset, a Label and Line entity, and two Tween animations to move the Wheel across the canvas and change its color. These components will differ only in their vertical positions on the canvas, and the easing function assigned to the movement Tween and the Color asset.

• If the easing functions are working correctly, then each Wheel entity will move along its line in accordance with the requirements of the easing function (for example: -OutIn easings will be the same when reversed as they are when not reversed; -Sine easings will move at a more constant speed than the others; -Back, -Elastic and -Bounce easings are more complex than the others, etc.)
• If the Color asset easing settings are working correctly, then each Wheel's color will appear to be a function of its horizontal position (red on the left, green on the right), not a function of time passed

Known issues (to fix): the 'easeOutInBounce' easing function is incorrect. Also, this demo runs very slowly in Webkit browsers (cause: unknown)

Touch test: not required

Annotated code