Autosave Notification

AutoSaveView is a UIViewComponent that listens to GameSaveEvents.AutosaveStart / AutosaveComplete and animates a RadialLoading indicator. The arc spins in the loading color while saving and snaps to a green full circle when complete, then fades out after a configurable delay.

Autosave GIF

Setup

UXML — wrap a RadialLoading in a container named AutoSave:

html
<ui:VisualElement name="AutoSave"> <luna:RadialLoading /> <!-- optional label, icon, etc. --> </ui:VisualElement>

Add the AutoSaveView component to the same GameObject as a UIDocument referencing this UXML. Once the component is enabled, it auto-subscribes to GameSaveEvents and shows/hides on autosave activity.

The show USS class is toggled on the AutoSave container — animate visibility with USS transitions.

Inspector

PropertyTypeDefaultDescription
_hideDelayfloat1Seconds between save-complete and hide.
_colorLoadingColormagentaArc color while saving.
_colorCompleteColorgreenArc color when complete.

API

csharp
namespace CupkekGames.Systems.UI; public class AutoSaveView : UIViewComponent

Methods

MethodDescription
Show()Manually trigger the loading animation.
Hide()Manually trigger the complete animation + fade out (after _hideDelay).

The handler methods OnSavingStart() / OnSavingComplete() are wired to GameSaveEvents.AutosaveStart / AutosaveComplete automatically.

See also

Settings

Theme

Light

Contrast

Material

Dark

Dim

Material Dark

System

Sidebar(Light & Contrast only)

Light
Dark

Font Family

DM Sans

Wix

Inclusive Sans

AR One Sans

Direction

LTR
RTL