Sequence actions (Start, Stop, or Pause) allow users to interact with animations on another component. A sequence action requires that you configure a source component and a target component:
-
Source component: Triggers the sequence of actions on the target component.
-
Target component: Runs the actions and animations sequence.
Sequence actions can apply to a target component that uses a regular type of event, such as On Load or Tap/Click. For example, when the user clicks a button on the ad, a square image will slide on to the ad and then rotate.
This procedure describes how to set up the Start sequence, by which a user clicks the button component (source), causing the shape component (target) to rotate and slide.
-
Select the target component on which you would like to run the animations. In our example, a shape.
-
In the Actions & Animations pane, click Create New Event.
-
In the list, select Custom Sequence.
-
Configure a set of actions for the sequence.
-
Preview the ad to ensure that the sequence of actions and animations runs correctly.
-
Select the source component that will trigger your animation. In our example, a button.
-
In the Actions & Animations pane, click Create New Event.
-
In the list, select Tap/Click.
-
Select Start as the sequence action, and target your shape.
-
Select Custom Sequence as the target event from your shape.
When previewing the ad, the animation of the shape (target) only starts when a user clicks on the button (source).
Comments