Scroll Magic




Simple Tweening

Two examples of basic animation.

  1. When no duration is defined for the scene, the tween will simply start playing when the scroll reaches the trigger position.
  2. If the scene has a duration the progress of the tween will directly correspond to the scroll position.

This example uses the shorthand version of Scene.setTween() to add animations.
To see how to build more advanced tweens check out the Advanced Tweening Example.

view source

You wouldn't like me, when I'm angry!

view source

Smurf me!

view source