Overhead light shafts the cursor can shade, with a pulse on click, for AI product heroes.
About this tool
Occlusion is a set of overhead shafts that the cursor shades as it moves through them, and a click sends a pulse of light down the beams. 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