Learn Augmented Reality on the Web: WebXR and Three.js-0daytown

What you’ll learn:
How to create augmented reality apps on the web (that work in the browser with WebXR)
How to run WebXR apps on iOS and Android devices
The basics of programming with ThreeJS, a 3D javascript library
How to render different types of shapes and models in AR, with and without animations
How to add touch gestures in AR

Requirements
Students will find it helpful to have previous web programming knowledge (javascript, css, html) but otherwise no previous experience with WebXR or ThreeJS is needed
Students should have an iOS or Android mobile device

Description
INTRODUCTION

Augmented reality has the potential to become massively adopted on the web, where users don’t have to download apps or make sure they have the latest hardware. WebXR is one of the newest, official web APIs that allows developers to create VR and AR experiences using Javascript.

Don’t miss out on being one of the first developers to be well-versed in a technology that will be all over the web soon. Within less than an hour you could be creating your own AR experiences on the web!

UPDATE (03/21)

English closed captions have been manually transcribed and are high quality.

Subtitles available in Spanish, French, Italian, Polish, Portuguese, German, Simplified Chinese, Traditional Chinese, Korean, Hindi, and Turkish.

If you’d like to hear about an extension of this course with a few more advanced topics visit webxracademy dot com.

CONTENT

By the end of this course you will know the basics of how to create simple augmented reality experiences on the web and a basic understanding of how to design and code 3D experiences. Each lecture includes sample code and external link examples to support your learning.

Specifically you will learn how to:

Create basic AR apps on the web using WebXR

Use a powerful 3D library called Three.js 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 different types of 3D models

Use touch gestures to provide interactivity

Convert any Three.js application into an AR app

Test WebXR experiences on your desktop, iOS, or Android devices

While you will find it useful to have some previous Javascript and web programming knowledge, the class can be followed by absolute beginners as the coding environment is simple and the code examples are set up with many comments and explanations. If you don’t know anything about 3D environments, augmented reality, Three.js or WebXR then this class is for you.

ABOUT US

We are a coding school specializing in the exciting new technology of augmented reality on the web. No more downloading of apps or cumbersome coding in Swift or Java, just create your AR app in Javascript, HTML, and CSS and make it available painlessly to millions of people all over the world.

Who this course is for
Web programmers
Front-end developers
AR or 3D enthusiasts
WebXR or ThreeJS enthusiasts
People interested in learning about the cutting-edge world of augmented reality on the web

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