Eye of Sauron

A fiery eye that follows the cursor with its pupil. A fragment shader, procedural noise and plenty of fire.

1 min read

A fiery eye rendered in WebGL with a custom fragment shader. The pupil tracks the cursor (or your finger on a phone) with a smooth lag, so it never snaps around — it just calmly follows you.

The whole thing rests on procedural noise: the iris rings and outer glow are generated from a noise texture in polar space. The fire pulses on its own, even when nobody touches the mouse.

Based on the Evil Eye component from React Bits.