Learning Graphic Design

Introduction to Web AR development

Learn Web AR development with web XR, mindAR, three.js, and tensorflow.js…

Introduction to Web AR development

This is the most comprehensive guide to developing web-based augmented reality applications. Web AR stands out from others in that it’s cross-platform and requires no app installation.

What will you learn

  1. You will learn how to use the MindAR open-source library for building Image AR effects and Face AR effects. Mindy is a successor of AR.js, which is the most popular free-to-use AR library in the world.
  2. Learn how to use WebXR API for building world AR effects. WebXR is a native browser API for developing immersive AR and VR effects on browsers.
  3. You will learn how to integrate TensorFlow js machine learning models into AR applications.
  4. You will kickstart the journey of mastering the most popular 3D rendering framework called three.js.
  5. In practical development skills, you will learn theoretical knowledge on how AR works in a browser environment.

Course Structure

The course material is very important for all of you. Each lecture is highly modular to deliver a single concept. It allows you to look up any references easily in the future. All the sample source code is concise and well explained.

Assignments

You will have to finish 3 practical assignments in total, one for each type of tracking effect. One of the assignments is for you to create and deploy a real online AR portfolio for yourself.

Who this course is for:

divineworks

Recent Posts

Best Drawing Tablet for Webtoons & Manga in 2026 (Complete Beginner’s Toolkit)

AI changed what entry-level design work looks like, but it didn't remove the need for…

2 hours ago

Best Figma UI/UX Design Courses on Udemy in 2026 (For Designers Ready to Pivot)

AI changed what entry-level design work looks like, but it didn't remove the need for…

1 week ago

How to Set Up a Drawing Tablet for Digital Painting in 2026 (Complete Beginner Guide)

Your pen pressure feels off, lines lag behind your hand, or the tablet barely registers…

1 week ago

Clip Studio Paint for Beginners: The Complete Guide to Digital Painting

Photoshop is a photo editor, not a drawing tool. Krita is free but complex. Procreate…

2 weeks ago

AI Voice Generation for Animation: Give Every Character a Unique Voice

Hiring voice actors costs hundreds per session. Yet robotic text-to-speech kills the mood instantly. In…

2 weeks ago

Best Cricut Machine for Etsy Sellers in 2026: Explore 5 vs. Explore 4 vs. Maker 4

Choosing the wrong Cricut machine can cost you time and money. In this guide we…

2 weeks ago