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

⚠️ Give it an explicit size. The element paints its own wedge, so without dimensions there is nothing to draw into — give it width/height 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