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

Intro to Augmented Reality on the Web: WebXR and Three.js, available at $49.99, has an average rating of 4.57, with 28 lectures, based on 393 reviews, and has 2693 subscribers.

You will learn about 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 This course is ideal for individuals who are Web programmers or Front-end developers or AR or 3D enthusiasts or WebXR or ThreeJS enthusiasts or People interested in learning about the cutting-edge world of augmented reality on the web It is particularly useful for Web programmers or Front-end developers or AR or 3D enthusiasts or WebXR or ThreeJS enthusiasts or People interested in learning about the cutting-edge world of augmented reality on the web.

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

Summary

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

Price: $49.99

Average Rating: 4.57

Number of Lectures: 28

Number of Published Lectures: 28

Number of Curriculum Items: 28

Number of Published Curriculum Objects: 28

Original Price: $24.99

Quality Status: approved

Status: Live

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

Who Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: Introduction to WebXR

Lecture 1: Intro to the course

Lecture 2: Your first experience with web AR on mobile iOS

Lecture 3: Your first experience with web AR on mobile Android

Lecture 4: Your first experience with web AR on desktop

Chapter 2: The WebXR API

Lecture 1: What are the benefits of AR on the web?

Lecture 2: What is the WebXR API?

Lecture 3: How does WebXR work?

Lecture 4: What is Three.js?

Lecture 5: WebXR application lifecycle

Chapter 3: Coding Your First WebXR AR App

Lecture 1: Setting up the developer environment and code examples

Lecture 2: Creating a basic Three.js scene

Lecture 3: Adding a camera to the scene

Lecture 4: Adding a cube to the scene

Lecture 5: Adding a renderer to the scene

Lecture 6: Creating an animation loop

Lecture 7: Three.js coordinate system

Lecture 8: Adding a light to the scene

Lecture 9: Adding a more complex shape to the scene

Lecture 10: Converting the scene to AR using WebXR

Chapter 4: 3D Models in AR

Lecture 1: Adding 3D objects to the scene

Lecture 2: Adding a 3D model to the scene

Lecture 3: Animating 3D objects

Lecture 4: Animating a 3D model

Chapter 5: Interactions in AR

Lecture 1: Adding touch gestures

Lecture 2: Hit testing part 1 – Setup

Lecture 3: Hit testing part 2 – Hit test source and reference spaces

Lecture 4: Hit testing part 3 – Placing a reticle on a surface

Lecture 5: Hit testing part 4 – Placing virtual objects on surfaces

Instructors

WebXR Academy
Coding school specializing in augmented reality on the web

Rating Distribution

1 stars: 5 votes

2 stars: 17 votes

3 stars: 41 votes

4 stars: 117 votes

5 stars: 213 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!