CooldownWipe
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.
Setup
html
<luna:CooldownWipe Progress="0.4" SegmentAmount="20" FillColor="#000000C8" />Drive Progress from C# each frame (or via tween):
csharp
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). |
See also
- Radial ProgressBar — alternative for showing progress as a circular bar
- Circle Hole — inverse mask (cuts a circular hole in a rectangle)
Settings
Theme
Light
Contrast
Material
Dark
Dim
Material Dark
System
Sidebar(Light & Contrast only)
Font Family
DM Sans
Wix
Inclusive Sans
AR One Sans
Direction
Left to RightLTR
Right to LeftRTL