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, GeoAlignment, and World Geometry

• Light source

  Place a reticle on surfaces with light estimation.

  
• Geospatial Anchors source

  Place a cube north of the user

  
• World Sensing source

  Show world sensing data from WebXR.

  

iOS Specific (non-standard) Experiments

• Face Tracking source

  Face tracker.

  
• Image Detection source

  Image detector

  

In Progress (iOS Specific Maps)

• Map Sharing and Persistence source

  Small test app to see if ARKit Map Sharing is working.

  

Not Yet Working (Camera Access)

• Simple CV source

  Show average world brightness to demonstrate simple computer vision.

  
• OpenCV Face source

  OpenCV face detector.

  
• OpenCV Markers source

  OpenCV Aruco marker detector.