Luna UI Documentation

CooldownWipe is a VisualElement that paints a clockwise (or counter-clockwise) pie-slice mask over a square — useful for skill cooldowns, status-effect timers, and buff durations rendered on top of an icon.

Cooldown Wipe

Setup

The element paints its own wedge, so the UXML must give it an explicit size (or absolutely fill its parent, e.g. positioned over a skill icon):

xml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:luna="CupkekGames.Luna">
    <luna:CooldownWipe name="skill-cooldown" progress="0.4" segment-amount="20"
                       fill-color="#000000C8"
                       style="width: 64px; height: 64px;" />
</ui:UXML>

Drive Progress from C# each frame (or via tween):

csharp

// Inside your PanelRenderer reload callback (PanelRenderer delivers the
// visual tree asynchronously — don't query in Awake/Start):
var wipe = root.Q<CooldownWipe>("skill-cooldown");

// Then, while the cooldown runs:
wipe.Progress = remainingTime / totalCooldown;

Progress is auto-clamped to [0, 1]. At 1 the entire square is filled; at 0 nothing is drawn.

Inspector (UxmlAttributes)

Attribute	Type	Description
`Progress`	float	0–1 fill amount (auto-clamped).
`FillColor`	Color	Wipe fill color (default opaque black).
`SegmentAmount`	int	Polygon segments at full progress; higher = smoother arc (default `20`).
`ReverseWinding`	bool	Reverses the sweep direction.
`LineWidth`	float	Outline stroke width in pixels (default `0`, disabled).
`LineColor`	Color	Outline stroke color (default opaque black).

CooldownWipe

Setup

Inspector (UxmlAttributes)

See also