Yotsuba Games
Back to Node List

Glow

glow

Draws a glow around or inside the opaque silhouette โ€” magic effects, neon, and emissive sprites

Reviewed
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
็”ปๅƒ
input
Image
Required
็™บๅ…‰ใ•ใ›ใ‚‹็”ปๅƒใงใ™

Output Ports

NameTypeDescription
็”ปๅƒ
output
Image
ใ‚ฐใƒญใƒผใ‚’ๅˆๆˆใ—ใŸ็”ปๅƒใงใ™

Parameters

NameTypeDefaultRangeDescription / Options
่‰ฒ
color
Color
[1,0.8999999761581421,0.5,1]โ€”

็™บๅ…‰ใฎ่‰ฒใงใ™

ๅบƒใŒใ‚Š
radius
Int
41โ€“64

็™บๅ…‰ใŒไฝ•ใƒ”ใ‚ฏใ‚ปใƒซๅ…ˆใพใงๅฑŠใใ‹ใงใ™ใ€‚1ใชใ‚‰่ผช้ƒญใฎ้šฃ1pxใŒๅ…‰ใ‚Šใพใ™

ๅผทใ•
intensity
Float
10โ€“2 / step 0.05

็™บๅ…‰ใฎๆฟƒใ•ใฎๅ€็އใงใ™

ไฝ็ฝฎ
placement
Enum
Outsideโ€”

ใ‚ทใƒซใ‚จใƒƒใƒˆใฎๅค–ใจๅ†…ใ€ใฉใกใ‚‰ใ‚’ๅ…‰ใ‚‰ใ›ใ‚‹ใ‹ใงใ™

  • ๅค–ๅดOutside
    ็”ปๅƒใฎ่ƒŒ้ขใงๅค–ใธๅบƒใŒใ‚Šใพใ™ใ€‚้€šๅธธใฎ็™บๅ…‰ใงใ™
  • ๅ†…ๅดInside
    ็”ปๅƒใฎๅ†…ๅดใฎใƒ•ใƒใซ้‡ใชใ‚Šใพใ™ใ€‚ใƒชใƒ ใƒฉใ‚คใƒˆ้ขจใงใ™
ๆฎตๆ•ฐ
steps
Int
00โ€“8

0ใงๆป‘ใ‚‰ใ‹ใชใ‚ฐใƒฉใƒ‡ใƒผใ‚ทใƒงใƒณใ€‚1ไปฅไธŠใงใƒ‰ใƒƒใƒˆ็ตตใ‚‰ใ—ใ„ๆฎต้šŽ็™บๅ…‰ใซใชใ‚Šใพใ™

Overview

Adds a glow around a sprite, or along its inside edge. It is the luminous counterpart to Drop Shadow. Because it uses a distance transform rather than a blur, it can create pixel-art-friendly stepped glow controlled by steps. It is a common game-asset effect for magic, neon, and blinking collectible items.

Usage tips

  • For pixel art, steps of 1โ€“3 is the go-to range. 0 (smooth) creates many intermediate colors, so use stepped glow for palette-managed assets.
  • radius=1 lights the first pixel next to the boundary. Radius is an inclusive reach measured from the boundary.
  • Reserve at least radius pixels of padding with canvas_resize first so the glow is not clipped.
  • For a pulsing animation, drive intensity with motion (Wobble), moving between about 0.5 and 1.5.
  • Inside creates rim light along an inner edge. It works well for characters in night scenes or highlighted objects.

Common pitfalls

  • The glow is clipped into a rectangle at the canvas edge: there is not enough padding. Expand the canvas by radius with canvas_resize.
  • The glow mixes with the background and looks muddy: this node composites within the image. To additively composite against a background, create only the glow on black and place it over the background with blend(Add).
  • The color count increased: the gradient from steps=0 is responsible. Set steps, or place palette_quantize downstream.

Technical details

  • Falloff is calculated from the chamfer distance to the silhouette (alpha โ‰ฅ 0.5).
  • An empty silhouette returns the source unchanged regardless of radius.
  • Outside: treats pixels below alpha 0.5 as outside and places glow color there. Consequently, semi-transparent antialiasing pixels can change color or alpha.
  • Inside: overlays the glow color on the inner edge. Alpha is unchanged.
  • steps quantizes falloff, keeping the color count low without Palette Quantize.

Examples

  1. Magic projectile: projectile sprite โ†’ Glow(Outside, steps: 2) for a two-step glow ring
  2. Rim light: character โ†’ Glow(Inside, radius: 2) for a backlit edge
  3. Neon sign: text โ†’ Glow(Outside, intensity: 1.5) โ†’ Blend(Add) over the background

Related nodes

  • drop_shadow โ€” the shadow counterpart, built by offsetting and expanding a silhouette
  • outline โ€” when you want a crisp outline rather than light
  • gaussian_blur + blend(Add) โ€” the classic manual glow setup
  • motion โ€” drives a pulsing animation
Back to Node List
Glow โ€” PixPipeline Node Reference