Skip to content
Back to work
2024 · Engineering

3D Liquid Bottle

Real-time Three.js product shot

A Three.js material study: a rendered product bottle you can drag to rotate, with adjustable fill, swappable liquid color, and surface-tension highlights.

A real-time, rendered product shot built to study physically based materials and lighting in Three.js.

Drag to orbit, adjust the fill level, swap the liquid color, and pause the spin — the surface picks up grazing-angle highlights so the bottle reads as glass and liquid rather than a flat texture.

Initializing experience

osco.dev

000%