Events Overview

Creating and signaling Rive Events

Events live within an artboard and are used to signal that something has happened. They can be fired from timelines, states, transitions, or listeners.

Rive supports three types of Events:

• Open URL Event — Opens a URL at runtime
• Audio Event — Plays a sound
• General Event (deprecated) — Previously used to communicate with runtime code

Creating an Event

1. Create an Event

   Use the Events tool located in the Toolbar and click anywhere on the artboard.

   

   You’ll notice that the Event is displayed on the artboard and in the Hierarchy.

2. Name your Event

   Give your event a name so it’s easy to identify and reference.

   You can rename it using the Name field, or by double-clicking the name directly on the artboard.

   

3. Select an Event type

   The Type dropdown allows you to change the Event type between Audio, URL, and General.

   

4. Set your Event Properties

   Each Event type has its own set of properties.

   For more information on the specific event types, see Open URL Events, Audio Events, and General Events (deprecated).

Signaling an Event

We can signal an Event in four ways: from a timeline, a listener, a state, or a transition.

Timeline

Signaling an Event from the timeline lets you control the exact moment in an animation when the Event fires.

First, select the timeline you want to add the Event to. Then use the Report Event button in the Inspector.

Transition & State

You can report an event on a Transition or a State. To report an event, select the desired State or Transition and use the + button next to the Events section in the Inspector.

Now that we’ve selected the Event, we can decide whether it is signaled at the start or end of the Transition or State.

Listeners

With your Listener selected, click the + below the State Machine Graph, and select Report Event.