Exploration

Loading scene

Bottle Study

A bottle floats over a white product card, the shot leaning off the card's axis. Four colour swatches sit below it and a column of colour notes runs down the left. Picking a swatch turns the bottle a full circle as it takes the colour.

Category
Exploration
Medium
JavaScript
Built with
three.jsGSAPself-hosted GLB (surfaceBody / surfaceCap)GlScene + loadModelCSS ModulesCSS container queries
Controls
  • Click a swatch to tint the bottle.
  • The bottle spins a full turn on each change.
  • Tab to the swatch bar; Enter or Space picks.
  • The copy column cross-fades with the colour.

Also inAll work