THREE.JS / WEBGL REFRACTION

Bend the chamber.

The official example uses the native Refractor addon and WaterRefractionShader to render a plane’s offscreen view through a DuDv distortion map. This route uses a deterministic local DuDv texture while retaining the addon’s render-target and shader ownership.

StartingWEBGL2 / REFRACTOR
Building the refractive chamber.
backend
—
shader
—
DuDv map
—
sphere
—
target
—
sample avg / p95
—
builds
—

This is partial native Refractor evidence, not whole-example completion. The official waterdudv.jpg, exact chamber presentation, device/backend coverage, and whole-example fidelity remain separate.

Source: official WebGL refraction example · Refractor docs · WaterRefractionShader docs