03Recreation
Pyrelane Supply Co.
A landing page for an industrial distributor: the hero photo seen through a thermal camera in one fragment shader, and the capabilities told in a pinned scroll sequence.
/
/
What I built
- Full-screen hero with a phased intro.
- 500vh pinned section where the capability cards crossfade into a summary.
- Validated contact form and a parallax closing section.
Engineering notes
Heat read from the photo
The shader samples a soft, low-resolution copy of the photo as the heat base, folds in edges from the full-size image and maps the result through a seven-stop thermal ramp. It runs on ogl.
Cheap when nobody is looking
Capped at 1.25x pixel ratio, it steps its resolution down on slow frames, pauses off screen and falls back to a toned photo without WebGL.
What runs in demo mode
- The contact form validates locally. Nothing is sent.