WebXR Viewer

Help Mozilla Research by trying out the WebXR viewer, an WebXR-enabled browser for iOS.

Below you will find examples of WebXR experiences. If you are a developer, click the source code links to see how to use WebXR to create your own AR experiences.

Standard Examples

• Simplest AR source

  Use Three.js to position the Utah Teapot in an augmented reality scene.

  
• Boom box source

  A shiny boom box in an environment map

  

Proposed Additions: Anchors and Hit Testing

• Anchors source

  Position boxes in space and receive updated positions using ARKit anchors.

  
• Hit testing source

  Find anchors by tapping to search for surfaces.

  
• Peoples source

  Place animated people on surfaces.

  
• Reticle source

  Place a reticle on surfaces.

  

Proposed Additions: Light Estimation and World Geometry

• Light source

  Place a reticle on surfaces with light estimation.

  
• World Sensing source

  Show world sensing data from WebXR.

  

iOS Specific (non-standard) Experiments

• Face Tracking source

  Face tracker.

  
• Image Detection source

  Image detector