Hidden 3D interaction behind a header menu button. A traditional Vietnamese phin coffee filter and coffee beans revealed through a shader-based reveal with the phin going from assembled to disassembled parts and the beans going in helix path around it. Few mouse interactions: slight parallax on the phin, light following the cursor, and the beans have physics to push them around. Post-processing and steady 60fps thanks to three.js. The scene (1.5 MB of assets) loading is deferred to not block the page loading/main thread since it's not visible without user interaction. If you're looking for a design that bridges your brand's essence and its emotional impact, please reach out!

2

4

444

Bloom (WebGPU/TSL)

1

3

Bats — 3D Web Experience with AR Mode (WebGPU/TSL/XR)

0

Earth Observation (EO) Image Acquisition Planner Application

0

2

Quentin Brohan

Creative Front-End Developer (React, Next.js, TS, Three.js)