A trigger determines the type of interaction that causes a prototype to advance. Triggers can be grouped into three general categories:
ā³ Time-driven
Example: After-delay.
Plugin treatment: Triggers the transition to the next frame after a certain amount of time (duration) has passed.
š This is the trigger used to create video animations š
š±ļø Interaction-driven
Examples: On-click, mouse up, mouse enter/leave, while hovering, while pressing, on-drag, and keyboard/gamepad.
Plugin treatment: Treated equivalent to the after-delay trigger with a 100ms duration. Helps shorten time required to rework and existing prototype for video export. Change to After-delay for full control over duration.
ā¶ļø Video-driven
Examples: When video starts, when video hits.
Plugin treatment: Not supported and should not be used.
How to apply After-delay
Click on the light blue connection "noddle," select the after delay trigger from the dropdown, and set the duration of the delay (in milliseconds) before the animation starts.
On-click trigger treatment
If on-click trigger is utilized, the plugin treats the transition as equivalent to after-delay with a 100ms duration. This may cause design that was originally configured for interaction to render in an unexpected manner.
Make sure you are using the after-delay trigger to set specific transition timing so your design renders as expected.