Debugging
Console & Logs
See what's happening inside your animation. State changes, events, errors - all logged with timestamps.
Log Types
Type | Color | Shows |
|---|---|---|
State Changes | Blue | State machine transitions with layer info |
Data Binding | Purple | Property value changes |
Input Changes | Green | State machine input modifications |
Events | Yellow | Rive events fired |
Info | Gray | General information |
Errors | Red | Problems and issues |
Filtering
Show or hide each log type independently.
Focus on what matters. Hide the noise.
Log Format
Every entry includes:
Component | Description |
|---|---|
Timestamp | HH:MM:SS |
Type badge | Color-coded |
Message | What happened |
Details | Additional context (when available) |
Monospaced font for easy reading.
Actions
Copy logs — Copy all filtered logs to clipboard. Share with your team or paste into bug reports.
Clear console — Remove all logs. Start fresh.
Log count badge — Shows total number of logs in the menu.
Debugging Workflows
State Machines
Filter to State Changes only
Interact with your animation
Watch transitions in real-time
Identify unexpected or missing transitions
Data Binding
Filter to Data Binding and Input Changes
Edit properties or inputs
Verify changes propagate correctly
Events
Filter to Events only
Trigger actions in your animation
Verify events fire at the right moments
Check event payloads
Finding Errors
Filter to Errors only
Test your animation
Catch issues immediately
Tips
Clear before testing — Start with an empty console for cleaner sessions.
Copy before clearing — Save logs for bug reports.
Use with Joystick — Trigger controls while watching logs.
Next
Asset Inspector → — View embedded fonts, images, audio
Zoom & Gestures → — Navigation controls