Animate Actions

In order to make a look and feel of your unit more fun you can choose to animate various objects on your stage by using the Animate Action from the Actions Window.

I have chosen just one object on the stage to be responsible for everything that is about to happen.
This object that would make everything move upon being activated by user we call "cta".

The first thing we want to do is to decide when something we want should happen.
In this instance it would be the Click done by the user.

903

Looking at this image we can tell right away that the object "btnReplay" is going to Move to X from its current place to -500. This move Duration is 1 second and there is no easing is being added to this animation.

903

Similarly the action was made for the object named "bg2" - but this one is going to change its Opacity from 0 to a 100 . The Duration of this animation is 2 seconds after the "cta" was clicked.

288

The we decided that "cta" itself would change the Opacity out from 100 to 0. The Duration is 3 seconds after it's being clicked.

903

For the object "videoReplay2" we decided to have a 3 seconds of Delay before the animation of this object starts.

903

After 3 seconds wait the object is going to Move to X 456 axis from its current position. A Bounce.easeOut was also applied to make this move a little more fan. The Duration of this animation is 1 second.

903

Similarly for the object "ctaWatch" we decided to have a 3 seconds of Delay before the animation of this object starts, so it goes in synch with the "videoReplay2".

903

After 3 seconds wait the object is going to Move to X 228 axis from its current position. A Bounce.easeOut was also applied to make this move a little more fan. The Duration of this animation is 1 second.

903

And this is what it looks like in a preview browser.
You can always go back to the Action panel and tweak the features parameters until it satisfies your needs.

700
129

Duration - the time needed for the object co complete the assigned action.

134

Move to ... - the axis along witch the animation is going to take place.

133

Opacity - the level of transparency of the object. 0 is invisible, 100 visible.

263

Easing - the specific gradual velocity value applied to the moving object allows the acceleration within the animation time.