01 / The Challenge
AR Visualization of configurable Furniture
The idea was to find a way to make a configurator that works in WebAR
02 / Implementation
Difficulties
The WebXR layer doesn't work properly on iOS, so workarounds need to be found. Also taking images or video is not really possible natively without composing.
03 / The Outcome
Takeaways
This is still in development, but it's promising what open source technology is capable to achieve. The next steps is to test a Gaussian Splat for AR visualization.
Fig 01. Visual display for Model-Viewer WebXR Configurator.
// Initialize spatial HUD layout
const hud = new SpatialHUD({
fov: 60,
panels: [
{ id: 'dash', pos: [0, 0, -1] }
]
});
// Mount to Three.js scene
hud.mount(scene);
Fig 02. Interaction initialization logic.