Loading…
Live three.js · move your pointer
Open ↗Premiumexploded-view choreography with helical thread kinematics · dark
Bolt Assembly
An exploded technical view on a dark blueprint floor: a hex bolt, two washers, a pair of anodised plates and a nut float apart along a dashed axis, then assemble in order, the nut spinning down the real thread until it seats, before the stack comes apart again.
How to use it
Run the real thing here, tune it, then copy the prompt that rebuilds it.
- 01Launch and look
The preview is the real three.js scene in a sandboxed frame, not a recording. Everything responds to you.
- 02Dial it in
Swatches recolour, sliders move the parameters that matter, Randomize finds what you would not have typed. Structural changes rebuild the geometry.
- 03Pick your stack
Single HTML by default, or a Next.js, React, Vue or Astro component that imports three from npm.
- 04Copy the prompt
It carries geometry, motion, camera and material intent with your values, in build order.
- 05Iterate one element at a time
Geometry, then motion, then camera, then material. Scroll and hover behaviour usually takes a second pass; that is normal.
More 3d scenes
Premium♥ 0
Glass Prism
2D ray-traced dispersion beams
Free♥ 0
Bait Ball
analytic vortex shoal with swim-wave vertex animation
Free♥ 0
Chain Drive
kinematic chain on sprockets with alternating instanced links
Premium♥ 0
Knit Throw
procedural knit stitch shader with Fair Isle motif