Jelly Bust: an interactive WebGL jelly physics toy
A gummy-candy dress-form bust, clear as jelly, in a halter bikini top on a three-layer cake stand. Poke it and it dents and springs back, pull a curve and it stretches, shake the table and the whole torso sways and keeps bouncing after the stand has stopped.
How to play
Poke
Tap or click the jelly. The surface dents where you touched it, then bounces back.
Pull
Hold and drag on the jelly to stretch a curve. Let go and it snaps back and wobbles.
Shake the table
Press Shake the table or the Space key: the stand hops, then rattles side to side, and the torso sways with it.
Flavours and prints
Four flavours (Lagoon, Raspberry, Lime, Mango) and six bikini prints: leopard, zebra, polka dots, Breton stripes, gingham and classic black.
Firmness and damping
Two sliders set how firm the jelly is and how long it keeps wobbling.
Turn and zoom
Drag the background to turn it, scroll or pinch to zoom. The arrow keys turn it too.
How it is built
- The shape is a signed distance field blended from ellipsoids, meshed into about 23,000 vertices with surface nets.
- Inside sits a lattice of 154 spring nodes, solved in 10 substeps per frame. The bust region is softer, so it bounces with its own rhythm.
- The deformation runs on the GPU: each vertex blends the displacement of its nearest nodes, with an analytic Jacobian so normals stay correct as the jelly bends.
- The jelly uses a double-sided refracting material, the bikini is cut in a shader from rest-space coordinates, and the coloured shadow is stencilled so it never double-darkens.
- The page only redraws while something moves and adapts its resolution to the device, so a jelly at rest costs almost no GPU time.
Get the prompt
The full English prompt to rebuild this page is in the Golden Sea AI Prompts library, with a preview video and the live demo.
Open the AI Prompts libraryFrequently asked questions
- Does Jelly Bust work on phones?
- Yes, in any browser with WebGL 2 (recent Chrome, Safari, Firefox or Edge). On phones the controls become a bottom sheet; tap to poke and drag to pull.
- What is it built with?
- One HTML file, three.js r160 loaded as an ES module, WebGL 2 and Web Audio. No addons and no build step.
- Why does it bounce like real jelly?
- The body is held by a spring lattice inside it: every node is pulled back to its rest position and tied to its neighbours. Pokes, pulls and the stand's acceleration all feed into that lattice, and the GPU bends the surface to follow.
- Can I get the prompt and build my own?
- Yes. The full English prompt is in the Golden Sea AI Prompts library and is free to copy.