# ar-with-webxr

**Repository Path**: mirrors_googlecodelabs/ar-with-webxr

## Basic Information

- **Project Name**: ar-with-webxr
- **Description**: Building an augmented reality application with the WebXR Device API
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-01-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Building an augmented reality application with the WebXR Device API

This code has the resources you need for the codelab [Building an augmented reality application with the WebXR Device API](https://codelabs.developers.google.com/ar-with-webxr/#0).

This is a work in progress. If you find a mistake or have a suggestion, please [file an issue](https://github.com/googlecodelabs/ar-with-webxr/issues). Thanks!

## What you'll learn

* How to use the WebXR Device API
* How to find a surface using augmented reality hit tests
* How to load and render a 3D model synchronized with the real world camera feed

## What you'll need

* A workstation for coding and hosting static web content
* [ARCore-capable Android device](https://developers.google.com/ar/discover/#supported_devices)
* ARCore installed (Chrome will automatically prompt you to install ARCore)
* [Google Chrome](https://www.google.com/chrome/)
* [Web Server for Chrome](https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb), or your own web server of choice
* USB cable to connect your AR device to workstation
* [The sample code](https://github.com/googlecodelabs/ar-with-webxr/archive/refs/heads/master.zip)
* A text editor
* Basic knowledge of HTML, CSS, JavaScript, and Chrome DevTools