4. Set after-delay trigger

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.