A total eclipse with a corona and diamond ring that shift with the pointer, for brand reveals and logo heroes.
About this tool
Eclipse is a total solar eclipse: a dark disc ringed by a streaming corona and a diamond ring that shifts with the pointer, with room for a logo on the disc. It belongs to the Interactive family: light that responds to the visitor and holds its composition with no pointer at all. Drawn in raw WebGL2 with no library. The response to the pointer can be switched off, and the scene keeps moving on its own either way. Colour, size, rays, exposure and the preset's own controls are editable live, along with the background, the canvas size, an optional headline and subline, speed and pause. Rendering pauses off screen, in a hidden tab and under reduced motion, a lost graphics context rebuilds itself, and the canvas resizes with its box. The export is one self-contained HTML file.
Effect · HTML / CSS / JS · All tools