WebXR Viewer

Help Mozilla Research by taking part in WebXR viewer, an augmented reality and virtual reality application that lets you navigate to XR experiences just like websites.

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

Samples

• A-Painter wxrv

  Draw in 3D

  
• XR-Store wxrv

  Responsive XR app across various AR and VR displays

  
• A-painter fox wxrv

  A-Painter Fox

  
• A-painter Balrog wxrv

  A-Painter Balrog

  

Simple Examples

• Simplest AR source

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

  
• Simplest VR source

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

  
• 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.

  
• Boom box source

  A shiny boom box in an environment map

  
• Reticle source

  Place a reticle on surfaces.

  
• Light source

  Place a reticle on surfaces with light estimation.

  
• 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.

  
• Image Detection source

  Image detector

  
• Face Tracking source

  Face tracker.

  
• World Sensing source

  Show world sensing data from WebXR.

  
• Map Sharing and Persistence source

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