Intro to Augmented Reality on the Web: WebXR and Three.js

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

4.47 (372 reviews)

Udemy

platform

English

language

Web Development

What you will 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

Why take this course?

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!

SUBTITLES

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.

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

PREREQUISITES

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.

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

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.

Screenshots

Intro to Augmented Reality on the Web: WebXR and Three.js - Screenshot_01

Intro to Augmented Reality on the Web: WebXR and Three.js - Screenshot_02

Intro to Augmented Reality on the Web: WebXR and Three.js - Screenshot_03

Intro to Augmented Reality on the Web: WebXR and Three.js - Screenshot_04

Reviews

Erin

May 11, 2023

Clear explanations of the basic concepts, great if you've never experienced any XR development before and want some guidance. It would probably be much more difficult without prior web development experience in general though

Nicholi

February 2, 2023

Great delivery. Detailed explanations that teach more than just making the project. All the links, resources, and online documentation you've referenced are very helpful.

Taha

January 18, 2023

The course is informative and clear but not so detailed. Actually, the instructor has a more detailed version of the course on her private website and she uses this version to promote the more expensive one. This is like a trailer for the actual course. So, it actually won't bring you a new skill, it won't broaden your knowledge. But rather it will show you how to set up a WebXR scene the easiest.

Jorge

December 27, 2022

Course is alright. Maybe I was expecting to land on more advanced topics but the training name is "Intro to..." so I should have known beforehand. I think the course delivers what it promises but IMHO, current content could have been delivered in a shorter manner and then give room to more examples or more advanced topics.

Kalil

September 4, 2022

I think the course is short and the teacher should develop more projects using three.js. She developed only one, which is not quite relevant.

Nate

August 23, 2022

I found this class to be very direct to the content of WebXR and ThreeJS development. Clear and concise examples in manageable course lengths. I will most likely go through this course again.

Jeremy

July 12, 2022

Tengo varias dudas acerca de WEBXR , sobre todo porque ya acepta AR desde safari , pero en WEBXR aún no … No sé si aún siguen trabajando en ello los de Apple. Hasta ahora pinta bueno ... pero si me lleno de intrigas y de inseguridades de aprender algo que no va a ser funcional en el futuro.

George

June 16, 2022

really exciting subject, and nicely covered by the presenter. I hope a 2nd edition comes out when the tech advances

Kelly

April 28, 2022

Great course if you have no previous knowledge about WebXR. The instructor explains the code very well.

Mélaïna

March 30, 2022

This course is really very interesting, very well structured and the explanations are really very clear.

Jason

March 4, 2022

Great quick overview of WebXR and how to apply AR. I get the feeling I will return to this videos and the articles linked many times along my journey to becoming a WebXR developer.

Marine

January 3, 2022

really well explained and get me started on Web Augmented reality, with only very limited experience in JS to start with. A bit tricky, but the principles are well covered.

Irene

July 25, 2021

Great theory upfront that sets the stage for easy understanding. Well prepared instructor, very knowledage and good at parsing content into manageable pieces.

David

March 13, 2021

Great introduction to augmented reality on the web. The lectures and the code were clear and simple to follow. Instructor answers my question quickly too.

Charts

Price

Rating

Enrollment distribution

Intro to Augmented Reality on the Web: WebXR and Three.js - Distribution chart