Mô tả

Introduction

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. They are just regular web pages run on regular web browsers.


What will you learn

  1. In this course, you will learn how to use MindAR opensource library for building Image AR effects and Face AR effects. MindAR is a successor of AR.js, which is the most popular free-to-use AR library on the world.

  2. Besides, you will 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 also learn how to integrate tensorflow.js machine learning models into AR applications, to create highly interactive and interesting effects. For example, using hand gestures or facial expressions to control AR contents.

  4. You will also kickstart the journey of mastering the most popular 3D rendering framework called three.js.

  5. Other important web AR technologies will also be covered, including AFRAME, model-viewer and commercial AR SDKs.

  6. Besides practical development skills, you will also learn theoretical knowledge on how AR works on a browser environment.


Course Structure

The course material is carefully designed. Each lecture is highly modular to deliver a single concept, which allows you to look up any references easily in the future. All the sample source code is concise and well explained.


Assignments

Besides lectures, you will have to finish 3 practical assignments in total, one for each type of tracking effects. One of the assignment is for you to create and deploy a real online AR portfolio for yourself, which you can show other people.


Development Tips

Useful development tips will be covered, including remote debugging tools and webcam mocking technique.

Bạn sẽ học được gì

Gain hands-on experiences on building different types of Web AR applications including Image Effects, Face Effects and World Effects

Acquire basic understandings on how AR works in web browsers

Master using WebXR, mind-ar-js and threejs for building web AR applications

Learn integrating AR with machine learning models using tensorflowjs to build highly interactive experiences

Get to know other important web AR libraries, including AFRAME, model-viewer and commercial SDKs

Learn using effective debugging, simulating and mocking tools to speed up development

Develop a comprehensive understanding on all web AR technologies, now and near future, and know when to use what

Build and publish an online AR portfolio for yourself

Yêu cầu

  • Basic knowledge in HTML, javascript and CSS
  • Own an Android or iOS device

Nội dung khoá học

9 sections

Introduction

1 lectures
Introduction
07:05

Primer

2 lectures
Development Environment Setup
05:27
Course Materials
01:27

How AR Works in Browsers

2 lectures
3D Rendering Basic
12:41
Tracking and AR
09:35

Image Tracking Applications

20 lectures
Quick Start
10:39
Installation Update (Newly added in March 2023)
05:32
Mock Webcam
04:26
Custom Container
01:58
Import 3D Models
07:07
Multiple Image Targets
03:16
Multiple Targets Tracking
05:11
Animations
04:15
Events Handling
01:46
Audio Contents
05:27
User Interactions
09:47
Video Contents
05:20
Chroma Videos
04:36
Fix Autostart
03:00
CSS Renderer
05:25
Streaming Vimeo
02:35
Streaming Youtube
03:59
Custom UI/UX
04:06
Image Tracking Conclusion
03:39
Online AR Portfolio
1 question

Face Tracking Applications

9 lectures
Quick Start
05:35
Import 3D Models
01:52
Occluders
07:13
FaceMesh
06:13
Switch Cameras
01:13
Photo Capture
10:08
Web Share
03:55
Face Tracking Conclusion
02:07
Virtual Try-On Application
1 question

World Tracking Applications

8 lectures
Introduction to WebXR
03:46
WebXR Quick Start
13:31
ARButton
05:14
Controllers
04:43
Place Objects
03:28
HitTests
14:18
World Tracking Conclusion
03:48
AR Furniture Application
1 question

Machine Learning Integration

3 lectures
Sharing Camera Feed
11:01
Hand Gestures Detection
11:23
Face Emotions Detection
09:59

Other WebAR Technologies

6 lectures
Introduction to AFRAME
07:35
AFRAME and WebXR
05:10
AFRAME and MindAR
04:51
Introduction to <model-viewer>
05:47
Introduction to Commercial SDKs
08:53
Introduction to Hosted Solutions
02:50

Conclusion

1 lectures
Course Summary
08:47

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.