Orb engine

A sphere that bends the room.

One fullscreen quad, one ray, one sphere. The environment it reflects is a function, not a photograph; the ripples crossing its skin are a wave equation running on the GPU. Five materials, three palettes, no assets.

Move the pointer across the orb · hover a ring label

02 materials — the same engine, five preset looks

Glass01

Chrome02

Crystal03

Mech04

Ripple05

Raw WebGL2 — no 3D library, no model files, no textures on disk. The studio environment is evaluated analytically in the fragment shader and the ripple matcaps are painted on a <canvas> at start-up, so the whole effect runs from file://. Ring labels are real DOM buttons projected onto a 3D circle, so the text stays crisp, selectable and focusable. H toggles the panel.

Under prefers-reduced-motion the orb renders one static frame — no spin, no ripple loop, no intro wipe. Without WebGL2 it falls back to a CSS gradient sphere.