WebGL render lab

A small browser graphics sample: shader-driven motion, resize-safe canvas handling, pointer interaction, live quality controls, and performance readouts.

Scope

Built as a compact proof slice for real-time visuals, graphics debugging, and performance-minded UI work.

Frame-- fps

GPU budget-- ms

Quality1.00x

Modelive

Implementation notes

Plain WebGL fragment shader with deterministic moving fields and pointer influence.
Resolution scale control changes the backing buffer size without changing layout.
Reduced motion mode keeps interaction available while freezing time-based animation.
No build step, external package install, account access, or environment variables required.

Back to samples