Practical AR/WebXR in the browser with performance and accessibility.
Use XR when seeing an object at true scale or in context changes decisions—furniture, equipment, spatial instructions. Avoid using XR as a gimmick.
`<model-viewer>` delivers AR on many devices with minimal code. Prepare GLB/USDZ assets, good lighting, and a poster frame for fast first paint.
Use hit tests for placement, anchors for stability, and input profiles for controllers. Design short, guided sessions that communicate what to do.
Compress textures with KTX2, decimate meshes, and stream LODs. Bake lighting when you can. Heavy assets are the #1 killer of XR experiences.
Request permissions clearly, show safety guidance, and provide non-XR fallbacks. Respect reduced-motion users and allow pause/exit at any point.
XR is sensitive to environment. Test across devices, lighting conditions, and OS/browser updates. Automate sanity checks for every release.