Concepts
Events & Interactivity
Events enable you to change an object state based on your input to the Viewport; this is similar to how CSS or JS events work (if you are familiar with these terms).
Events are how you can trigger actions like transitions to have animation and interactivity.
Spline Events
To learn more about each specific event, see its page:
- Start Event
- Mouse Up Event
- Mouse Down Event
- Mouse Press Event
- Mouse Hover Event
- Key Up Event
- Key Down Event
- Key Press Event
- Scroll Event
- Look At Event
- Follow Event
- Game Controls Event
- Distance Event
- State Change Event
- Variable Change Event
- Collision Event
- Drag and Drop Event
- Trigger Area Event
- Screen Resize Event
- API Updated Event
- Webhook Called Event
- AI Assistant Listener Event
- AI Assistant Trigger Event
Creating your first Event & Action
- Select the object you want to add a new event to.
- Go to the Events panel on the right sidebar and click the
+icon. - Open the Event created and if necessary, use the top dropdown to switch to a different event type.
- Create a new action by choosing one of the options available in the empty state.
- From the Target dropdown, choose the object you want to target for the event.
- In the Transitions section, you can build your sequence of transitions between different states.
You can now play around with the rest of the settings and preview your animation by entering Play Mode.
Example: Creating a "Start" Event cycling and looping with a "Spring" transition curve.
Here is a live example of the above.
Click & Drag 👆 – A "Start" Event cycling and looping with a "Spring" transition curve.