Intro to Augmented Reality on the Web: WebXR and Three.js
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
- How to render different types of shapes and models in AR, with and without animations
- How to add touch gestures in AR
- Students should have an iOS or Android mobile device
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!
If you review this course syllabus and decide you want more advanced content, be sure to check out longer course on our website: webxracademy dot com.
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.
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 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).
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