To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
- Clone a stack element and add it to the stack
- Clone a tween, letting the tween subscribe to the original tween's ticker
- Clone a tween, making it create its own associated ticker
- Manipulate a tween while it is running, forcing it to stop, reverse and resume its animation
- Add action objects to the tween's ticker
- Check that action objects behave correctly, dependent on the current animation direction of the tween:
- The largest boat will change colours as it circles
- The middle boat will follow the largest boat, but will not change colour
- The smallest boat will circle slightly faster than the other two boats
- On reversing, the smallest boat will halt while the other two boats reverse direction
We can also test tracking tween/ticker activity (in this case, using Google Analytics):
- Setup Google Analytics
- Check that appropriate GA hit reports get generated when tweens start, halt, resume and reverse
- Check that appropriate GA hit reports get generated at specific points in the ticker timeline's progress (50%, 100%)
Touch test: should work as expected
Annotated code