A hyper-realistic yacht configurator in WebGPU

· 1 min read · webgpu, ssgi, configurator, three.js, launch

A luxury yacht on calm water at golden hour with reflections on the hull, a WebGPU boat configurator

Boats are a good fit for real-time rendering and a hard one: a yacht is mostly gloss and water, and the buyer compares options for a long time. This configurator was built with that in mind, using SSGI and SSR on WebGPU.

The yacht configurator

What you can do #

  • customize colors and the time of day,
  • switch between multiple cameras,
  • see water reflections on the hull.

The atmosphere #

Birds, music and a living atmosphere help potential clients settle into the scene, and compare configurations without feeling rushed. It uses the latest rendering features of WebGPU throughout.

Try it #

The configurator is live at dopple-marine.vercel.app, and the details are on the project page.

Related projects