samcarecho / ar-with-webxr

Building an augmented reality application with the WebXR Device API

Home Page:https://codelabs.developers.google.com/codelabs/ar-with-webxr/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

This is a work in progress. If you find a mistake or have a suggestion, please file an issue. 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
  • ARCore installed (Chrome will automatically prompt you to install ARCore)
  • Chrome. Currently this build is only available at I/O. The features will come to Chrome Canary soon.
  • Web Server for Chrome, or your own web server of choice
  • USB cable to connect your AR device to workstation
  • The sample code - Download a zip or clone this repo
  • A text editor
  • Basic knowledge of HTML, CSS, JavaScript, and Chrome DevTools

About

Building an augmented reality application with the WebXR Device API

https://codelabs.developers.google.com/codelabs/ar-with-webxr/

License:Apache License 2.0


Languages

Language:JavaScript 77.9%Language:HTML 18.8%Language:CSS 3.4%