Image Edge

A full-screen WebGL image reveal effect that processes a photograph with a custom post-processing shader on hover. The effect renders the image to an offscreen render target, runs a fragment shader that detects edges, converts colors to HSV to shift hue and boost edge brightness, and reveals a processed stylized mask that animates in with a rotated wipe. Includes a subtle centered overlay badge that says “Hover to reveal.” Built with React and Three.js; styling uses Tailwind CSS utility classes.