Augmented Reality on the Web: WebXR and Three.js — Augmented Reality on the Web: WebXR and Three.js

Learn how to code and run WebXR augmented reality experiences on iOS and Android

What You Will Learn

• How to build augmented reality applications on the web (that work in browsers with WebXR)

• How to run WebXR applications on iOS and Android devices

• Fundamentals of programming with Three.js, a 3D JavaScript library

• How to render various types of shapes and models in AR, with and without animation

• How to add touch gestures in AR

Description

Augmented reality has the potential for mass adoption on the web, where users don't need to download applications or ensure they have the latest hardware. WebXR is one of the latest official web APIs that enables developers to create VR and AR experiences using Javascript.

Don't miss the opportunity to become one of the first developers experienced with this technology that will soon be available across the web. You can create your own AR experiences on the web!

By the end of this course you will know the fundamentals of how to create simple augmented reality experiences on the web and have a basic understanding of how to design and code 3D experiences. Each material includes sample code and external example links to support your learning.

Specifically, you will learn how to:

• Create basic AR applications on the web using WebXR

• Use an advanced 3D library called Three.js that is used by millions of applications on the web

• Load and display 3D objects and models in AR

• Animate objects and models

• Positioning and rotation in AR

• Work with various types of 3D models

• Use touch gestures to provide interactivity

• Convert Three.js applications into AR applications

• Test WebXR experiences on your desktop, iOS, or Android device

PREREQUISITES

While it would be helpful to have some prior knowledge of Javascript and web programming, this class can be followed by beginners because the coding environment is straightforward and code examples are organized with extensive comments and explanations. If you know nothing about 3D environments, augmented reality, Three.js, or WebXR, then this class is suitable for you.

While you can prototype WebXR using any desktop computer, to simulate actual mobile AR, you will need an iOS device that supports ARKit (most phones or iPads after 2017) or an Android device that supports ARCore (most phones after 2016).