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