Shader Animation sends a bright white pulse through diagonal graphite slabs, whose edges catch the light as it passes. It is suited to a focused motion accent or a background where a repeating pulse is part of the design. Adjust the animation in the live editor and inspect a full cycle before exporting. Unlike the vertical ring treatment in Shader Lines, this effect spreads outward across diagonal refractions. Leave enough contrast and visual space for any label placed over the moving highlights.
How this shader works
Shader Animation sends a bright white pulse through diagonal graphite slabs, whose edges catch the light as it passes. It suits a focused motion accent or a background where a repeating pulse is part of the design. Band density and Band angle set the slabs, Pulse size and Refraction shape the light, and Glow and Diffusion set how far it spreads.
Tips
- Band angle turns the slabs. 45 gives the default diagonal.
- Watch a full pulse cycle before exporting.
- Lower Refraction for straighter slab edges.
- Leave contrast and space for any label placed over the moving highlights.
Questions
How do I make a pulsing light animation for a website?
Open Shader Animation and set Pulse size, Speed and Band density. Export it as an HTML file, a React or Svelte component or an MP4 video.
Can I make the slabs vertical?
Yes. Change Band angle to turn the slabs.
Preview and customize in the browser. Exports require membership.