XR Session Active
Wi-Fi 6E
Ray-Ban Meta Display
WebXR 1.4
No EMG
72 fps
84%
00:00
W
Wikipedia — Augmented Reality
M
WebXR Device API — MDN
T
Three.js Journey
Loading...
100%
en.wikipedia.orgAR OverlayWebXR Rendered

Augmented Reality

From Wikipedia, the free encyclopedia

Augmented reality (AR) is an interactive experience that combines the real world and computer-generated content. The content can span multiple sensory modalities, including visual, auditory, haptic, somatosensory and olfactory.

AR Visualization Diagram

A diagram illustrating the concept of augmented reality overlaid on a physical environment

View in AR Space

AR can be defined as a system that fulfills three basic features: a combination of real and virtual worlds, real-time interaction, and accurate 3D registration of virtual and real objects. The overlaid sensory information can be constructive (additive to the natural environment) or destructive (masking of the natural environment).

WebXR Explainer Video

12:34 · WebXR Device API Overview — Google Chrome Developers

Open in Media Viewer

History

The first functional AR system was developed in 1992 by Louis Rosenberg at the U.S. Air Force Research Laboratory. It was called Virtual Fixtures and was designed to improve human performance by overlaying sensory information on a workspace.

WebXR Device API

MDN Web Docs

Three.js Documentation

threejs.org

Modern AR systems use a combination of cameras, sensors, and display technologies to overlay digital information onto the physical world. Devices such as the Microsoft HoloLens, Meta Quest 3, and Ray-Ban Meta glasses represent the current state of consumer AR hardware.

Scroll to explore
WebXR simulation mode — connect a headset for full AR
XR SessionActive
Ray-Ban Meta DisplayConnected
Snapdragon AR2 Gen 1
90 Hz · Holographic Waveguide
Passthrough
Hand Tracking
XR Device Settings
Neural BandDisconnected

Web Bluetooth requires Chrome or Edge. Enable in browser flags if needed.

EMG Gesture Map

Fist
Click / Select
Pinch
Gaze Select
Swipe Left
Navigate Back
Swipe Right
Navigate Forward
Spread
New Tab
Double Tap
Toggle UI
Bookmarks6

WebXR Device API — MDN

developer.mozilla.org · Today

Three.js Journey — Course

threejs-journey.com · Yesterday

Meta Quest 3 AR Demo

youtube.com · Jun 7

HoloLens 2 Spatial Mesh

docs.microsoft.com · Jun 5

NASA AR Space Gallery

nasa.gov · Jun 3

A-Frame VR Framework Docs

aframe.io · Jun 2