Shader Lines draws a crisp white ring through fine vertical graphite filaments on a near-black field. It creates a striped, monochrome composition for a feature panel or an animated hero. The controls adjust motion, the ring and the filaments; Diffusion lengthens the soft vertical light trails. A lower setting keeps the light tight to the ring; a stronger setting lets it bleed along each filament. Preview at the destination aspect ratio because the ring and line spacing are part of the composition.
How this shader works
Shader Lines draws a crisp white ring through fine vertical graphite lines on a near-black field. It creates a striped, monochrome composition for a feature panel or an animated hero. Line density sets the number of lines, Ring size and Distortion shape the ring, and Diffusion lengthens the soft light trails along each line.
Tips
- Lower Diffusion to keep the light tight to the ring. Raise it to let light bleed along each line.
- Preview at the size and shape it will be shown, because the ring and line spacing are part of the composition.
- Line density sets how many lines there are.
- Glow sets the brightness of the ring.
Questions
How do I make a glowing ring line animation?
Open Shader Lines and set Ring size, Line density and Diffusion. Export it as an HTML file, a React or Svelte component or an MP4 video.
How is it different from Shader Animation?
Shader Lines draws a ring through vertical lines. Shader Animation sends a pulse outward through diagonal slabs.
Preview and customize in the browser. Exports require membership.