آموزش مقدمه ای بر توسعه وب AR

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• معرفی Introduction

معرفی Introduction

آغازگر Primer

• راه اندازی محیط توسعه Development Environment Setup

• مواد درسی Course Materials

آغازگر Primer

• راه اندازی محیط توسعه Development Environment Setup

• مواد درسی Course Materials

نحوه عملکرد AR در مرورگرها How AR Works in Browsers

• پایه رندر سه بعدی 3D Rendering Basic

• ردیابی و AR Tracking and AR

• ردیابی و AR Tracking and AR

نحوه عملکرد AR در مرورگرها How AR Works in Browsers

• پایه رندر سه بعدی 3D Rendering Basic

برنامه های ردیابی تصویر Image Tracking Applications

• شروع سریع Quick Start

• به‌روزرسانی نصب (تازه در مارس 2023 اضافه شده است) Installation Update (Newly added in March 2023)

• وب کم ساختگی Mock Webcam

• کانتینر سفارشی Custom Container

• کانتینر سفارشی Custom Container

• وارد کردن مدل های سه بعدی Import 3D Models

• اهداف تصویری چندگانه Multiple Image Targets

• اهداف تصویری چندگانه Multiple Image Targets

• ردیابی اهداف چندگانه Multiple Targets Tracking

• تصاوير متحرك Animations

• مدیریت رویدادها Events Handling

• مدیریت رویدادها Events Handling

• محتویات صوتی Audio Contents

• تعاملات کاربر User Interactions

• تعاملات کاربر User Interactions

• محتویات ویدیویی Video Contents

• ویدیوهای کروما Chroma Videos

• راه اندازی خودکار را برطرف کنید Fix Autostart

• راه اندازی خودکار را برطرف کنید Fix Autostart

• CSS Renderer CSS Renderer

• پخش جریانی Vimeo Streaming Vimeo

• پخش جریانی Vimeo Streaming Vimeo

• پخش جریانی یوتیوب Streaming Youtube

• پخش جریانی یوتیوب Streaming Youtube

• UI/UX سفارشی Custom UI/UX

• نتیجه گیری ردیابی تصویر Image Tracking Conclusion

• نتیجه گیری ردیابی تصویر Image Tracking Conclusion

• نمونه کارها AR آنلاین Online AR Portfolio

برنامه های ردیابی تصویر Image Tracking Applications

• شروع سریع Quick Start

• به‌روزرسانی نصب (تازه در مارس 2023 اضافه شده است) Installation Update (Newly added in March 2023)

• وب کم ساختگی Mock Webcam

• وارد کردن مدل های سه بعدی Import 3D Models

• ردیابی اهداف چندگانه Multiple Targets Tracking

• تصاوير متحرك Animations

• محتویات صوتی Audio Contents

• محتویات ویدیویی Video Contents

• ویدیوهای کروما Chroma Videos

• CSS Renderer CSS Renderer

• UI/UX سفارشی Custom UI/UX

• نمونه کارها AR آنلاین Online AR Portfolio

برنامه های ردیابی چهره Face Tracking Applications

• شروع سریع Quick Start

• وارد کردن مدل های سه بعدی Import 3D Models

• وارد کردن مدل های سه بعدی Import 3D Models

• مسدود کننده ها Occluders

• فیس مش FaceMesh

• فیس مش FaceMesh

• دوربین ها را تغییر دهید Switch Cameras

• عکس گرفتن Photo Capture

• عکس گرفتن Photo Capture

• اشتراک گذاری وب Web Share

• اشتراک گذاری وب Web Share

• نتیجه گیری ردیابی چهره Face Tracking Conclusion

• برنامه آزمایشی مجازی Virtual Try-On Application

برنامه های ردیابی چهره Face Tracking Applications

• شروع سریع Quick Start

• مسدود کننده ها Occluders

• دوربین ها را تغییر دهید Switch Cameras

• نتیجه گیری ردیابی چهره Face Tracking Conclusion

• برنامه آزمایشی مجازی Virtual Try-On Application

برنامه های ردیابی جهانی World Tracking Applications

• مقدمه ای بر WebXR Introduction to WebXR

• شروع سریع WebXR WebXR Quick Start

• دکمه AR ARButton

• دکمه AR ARButton

• کنترل کننده ها Controllers

• کنترل کننده ها Controllers

• مکان اشیاء Place Objects

• HitTests HitTests

• نتیجه گیری جهانی ردیابی World Tracking Conclusion

• نتیجه گیری جهانی ردیابی World Tracking Conclusion

• برنامه AR Furniture AR Furniture Application

برنامه های ردیابی جهانی World Tracking Applications

• مقدمه ای بر WebXR Introduction to WebXR

• شروع سریع WebXR WebXR Quick Start

• مکان اشیاء Place Objects

• HitTests HitTests

• برنامه AR Furniture AR Furniture Application

یکپارچه سازی یادگیری ماشینی Machine Learning Integration

• اشتراک گذاری فید دوربین Sharing Camera Feed

• اشتراک گذاری فید دوربین Sharing Camera Feed

• تشخیص حرکات دست Hand Gestures Detection

• تشخیص احساسات چهره Face Emotions Detection

یکپارچه سازی یادگیری ماشینی Machine Learning Integration

• تشخیص حرکات دست Hand Gestures Detection

• تشخیص احساسات چهره Face Emotions Detection

سایر فناوری های WebAR Other WebAR Technologies

• مقدمه ای بر AFRAME Introduction to AFRAME

• مقدمه ای بر AFRAME Introduction to AFRAME

• AFRAME و WebXR AFRAME and WebXR

• AFRAME و WebXR AFRAME and WebXR

• AFRAME و MindAR AFRAME and MindAR

• معرفی <model-viewer> Introduction to <model-viewer>

• مقدمه ای بر SDK های تجاری Introduction to Commercial SDKs

• مقدمه ای بر راه حل های میزبانی شده Introduction to Hosted Solutions

• مقدمه ای بر راه حل های میزبانی شده Introduction to Hosted Solutions

سایر فناوری های WebAR Other WebAR Technologies

• AFRAME و MindAR AFRAME and MindAR

• معرفی <model-viewer> Introduction to <model-viewer>

• مقدمه ای بر SDK های تجاری Introduction to Commercial SDKs

نتیجه Conclusion

• خلاصه دوره Course Summary

• خلاصه دوره Course Summary

نتیجه Conclusion