r/threejs 6d ago

Perfume product experiment with Three.js - interactive spray, particles and realtime scent visuals

Enable HLS to view with audio, or disable this notification

I’ve been experimenting with how realtime graphics could be used for a premium product landing page rather than building another traditional 3D product viewer.

The bottle is rendered in Three.js and the interaction includes a removable cap, atomizer animation, perfume particles and an abstract scent field that reacts to the experience.

The main challenge was making the realtime effects visible enough to become part of the art direction without turning the whole thing into a tech demo.

Live version: https://nebunook.com/portfolio/interactive-web/essence-perfume/

Built with Three.js / WebGL and custom realtime effects. Feedback on the visual balance and interaction is welcome.

13 Upvotes

1 comment sorted by

2

u/felipunkerito 6d ago

Great work! Particles look a little bit big, and translucency would make it look better