Set up Rive for game UI #1

Open
opened 2026-07-05 19:21:25 +00:00 by admin · 0 comments
Owner

Summary

Integrate Rive into the Unity project to power animated, interactive game UI instead of (or alongside) the current Canvas/TMP-based screens.

Motivation

  • Login and chat UI are currently built with uGUI + TextMeshPro (LoginUI, ChatUI prefabs)
  • Rive enables designer-driven animated UI with state machines and smoother transitions
  • Better separation between design and implementation for HUD, menus, and chat panels

Scope

  • Add Rive Unity runtime package to the project
  • Configure render pipeline compatibility (URP is active)
  • Create/import initial .riv assets for core UI flows
  • Prototype replacing or wrapping existing UI:
    • Login screen (Assets/Scripts/Chat/LoginUI.cs)
    • In-game chat panel (Assets/Scripts/Chat/ChatUI.cs)
  • Document workflow for designers (export settings, naming, state machine conventions)
  • Verify input focus behavior still works with chat (movement should pause while typing)

Acceptance criteria

  • Rive runtime loads in SampleScene without errors
  • At least one game UI screen is driven by a Rive asset
  • Existing Mirror networking/auth/chat flow remains functional
  • Short README or note on how to add/update Rive UI assets

References

## Summary Integrate [Rive](https://rive.app) into the Unity project to power animated, interactive game UI instead of (or alongside) the current Canvas/TMP-based screens. ## Motivation - Login and chat UI are currently built with uGUI + TextMeshPro (`LoginUI`, `ChatUI` prefabs) - Rive enables designer-driven animated UI with state machines and smoother transitions - Better separation between design and implementation for HUD, menus, and chat panels ## Scope - [ ] Add Rive Unity runtime package to the project - [ ] Configure render pipeline compatibility (URP is active) - [ ] Create/import initial `.riv` assets for core UI flows - [ ] Prototype replacing or wrapping existing UI: - Login screen (`Assets/Scripts/Chat/LoginUI.cs`) - In-game chat panel (`Assets/Scripts/Chat/ChatUI.cs`) - [ ] Document workflow for designers (export settings, naming, state machine conventions) - [ ] Verify input focus behavior still works with chat (movement should pause while typing) ## Acceptance criteria - Rive runtime loads in `SampleScene` without errors - At least one game UI screen is driven by a Rive asset - Existing Mirror networking/auth/chat flow remains functional - Short README or note on how to add/update Rive UI assets ## References - Rive Unity docs: https://rive.app/docs/runtimes/unity - Current UI scripts: `Assets/Scripts/Chat/LoginUI.cs`, `Assets/Scripts/Chat/ChatUI.cs`
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: admin/Test-Multiplayer#1