Yacht Configurator
Marine Configurator - 2026
A browser-based yacht experience built around a detailed vessel and an ocean that responds to it. Visitors can compare materials, move through 16 guided views, walk aboard, or take the helm.
The choices stay tied to the experience of being on the water. A finish can be judged in daylight or evening, while reflections, buoyancy, wake, sound, and movement bring the yacht into context.
Role: Experience Design, Real-Time 3D Development, Water and Lighting Direction
Stack: TypeScript, Three.js, WebGPU, GLSL, Vite, Water Pro
Choose a finish while the yacht is still on the water.
Six hull colors and six cockpit upholstery options update the 3D vessel in place. The side profile and nearby water make differences in color, reflection, and contrast easier to judge than isolated swatches can.
The material story continues below deck.
The interior has its own upholstery and cabinetry choices. Moving into the salon keeps those decisions connected to the room they change, with the camera close enough to read the seats, wood, and trim.
The same yacht feels different at dusk.
Daylight, Evening, Moonlight, and Rainfall give the vessel four useful lighting conditions. Switching atmosphere keeps the selected finish and camera, so the change can be compared without losing your place.
Orbit it, walk through it, or take the helm.
Sixteen guided viewpoints cover the exterior and interior. Free exploration, first-person walking, and a drive mode open the experience up beyond a fixed gallery.
At the helm, steering and throttle affect the yacht on the water. Doors, stairs, boarding, and sound support the transition from looking at the vessel to moving through it.
The water has to carry the boat.
Moving waves, the waterline, buoyancy, and wake help the yacht feel afloat. The lower camera angle is useful for checking the hull shape and the way it meets the sea, which matters as much as the finish on the deck.
