the current renderer instance
Optionaloptions: { color?: number[]; textureSize?: number[]; width?: number } = {}effect options
Optionalcolor?: number[]outline color as [r, g, b] (0.0–1.0)
OptionaltextureSize?: number[]texture dimensions [width, height] (defaults to renderer size)
Optionalwidth?: numberoutline width in pixels
Readonlydestroyedtrue once destroy has been called. Distinct from
enabled — which also toggles transiently across a context
lost / restored cycle — to give callers a stable signal for
"this effect has been explicitly released."
whether this effect is active (false in Canvas mode, false after
destroy, and false while the WebGL context is suspended
between an ONCONTEXT_LOST and the matching ONCONTEXT_RESTORED
event).
destroy this shader effect. Idempotent — calling destroy twice is safe. Unsubscribes from the renderer's context-lost / restored events so a destroyed effect is not auto-reactivated.
set the outline color
outline color as [r, g, b] (0.0–1.0)
set the texture size for accurate outline width calculation
texture width in pixels
texture height in pixels
Set the uniform to the given value
the uniform name
the value to assign to that uniform
set the outline width
outline width in pixels
A shader effect that draws a colored outline around the sprite. Works by sampling neighboring pixels — if any neighbor is opaque but the current pixel is transparent, it draws the outline color. Commonly used for selection highlights, hover states, or collectible glow.
See
Renderable.shader for usage
Example
Example