Refractive Glass Blob
A noise-displaced icosahedron rendered as fake glass: the headline and drifting colour blobs behind it are rendered to a texture and refracted through the blob with chromatic aberration, a lime Fresnel rim and a specular hit, while it follows the pointer.
- WebGL & 3D
- threejs
- glsl
- canvas2d
- expert
- heavy · WebGL
- mobile: full
- reduced-motion ✓
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 1855 words of exact values — rewritten live as you tune the Playground.
Prompts are for subscribers
Subscribe to copy this prompt in every format, rewritten live to match your Playground settings.
Loading prompt…
Couldn’t load the prompt
Check your connection and try again.
Source
Full source code
Source code is for subscribers
Subscribe to read, copy and download the full HTML, CSS and JavaScript of this demo.
Loading source code…
Couldn’t load the source code
Check your connection and try again.
Featured WebGL Liquid Hover Distortion (WebGL)
A Three.js plane shows a procedurally painted image that warps like liquid under the pointer (noise UV displacement weighted by distance and speed, with a velocity-driven RGB split); hovering a swatch melts it into a second image.
- threejs
- glsl
- gsap
- canvas2d
Featured WebGL Particle Morph Between Shapes
Thirty thousand additive points morph between a sphere, a torus knot, a cube and a heart; every particle starts on its own random schedule and takes a swirling detour, so each change of shape reads as a swarm rather than a slide.
- threejs
- glsl
- gsap
WebGL Flacon — Caustic Perfume Bottle
A faceted glass perfume bottle with a brushed-metal cap stands on travertine. Slow sunlight throws a moving amber caustic through it; the cursor rocks the bottle on its base and the liquid sloshes on a spring.
- threejs
- glsl
WebGL Glaze & Clay Still Life
A lathe-thrown vase, bowl and teacup turn slowly on an oak slab and travertine plinth in low window sun. Move the cursor to swing the window; pick one of six glazes. Matte speckled clay against clearcoat glaze.
- threejs
- glsl
- gsap