A Shelf Configurator with physics simulation & AR

Adjust dimensions, the number of shelves and dividers, thickness, colors, and options like legs, back panels, and doors.

Start the physics simulation, then tap to launch a wrecking ball at the shelf. Enable slow-mo to watch the destruction in detail.

View your creation in the real world using the AR button.

Link: ShelfConfigurator




Tech Notes

  • UVs of a RoundedBoxGeometry are updated and rotated to avoid texture stretching and to make wood grain follow the longer side.
  • Pmndrs postprocessing + n8ao for ambient occlusion.
  • Physics simulated using Rapier3D.
  • AR done using WebXR on Android & AR Quick Look (via USDZ export) on iOS.
10 Likes

Beautiful implementation. A+!

1 Like