https://github.com/google-ar/codelab-webxr

Building an augmented reality application with the WebXR Device API
https://github.com/google-ar/codelab-webxr

augmented-reality webxr

Last synced: 3 days ago
JSON representation

Building an augmented reality application with the WebXR Device API

• Host: GitHub
• URL: https://github.com/google-ar/codelab-webxr
• Owner: google-ar
• License: apache-2.0
• Archived: true
• Created: 2018-05-08T15:04:14.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-08-26T16:47:50.000Z (over 2 years ago)
• Last Synced: 2024-09-22T18:31:58.601Z (4 months ago)
• Topics: augmented-reality, webxr
• Language: JavaScript
• Homepage: https://codelabs.developers.google.com/codelabs/ar-with-webxr/
• Size: 2.54 MB
• Stars: 171
• Watchers: 21
• Forks: 86
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

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