Beginning of dialog window. Escape will cancel and close the window.
End of dialog window.
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
در حال بارگزاری، لطفا صبر کنید...
توضیحات دوره:
با webXR، mindAR، three.js و tensorflow.js تجربیات عملی در ساخت انواع مختلف برنامههای وب AR از جمله جلوههای تصویر، جلوههای چهره و جلوههای جهانی به دست آورید درک اولیه در مورد نحوه عملکرد AR در مرورگرهای وب به دست آورید. با استفاده از WebXR، mind- ar-js و threejs برای ساخت برنامههای وب AR آموزش ادغام واقعیت افزوده با مدلهای یادگیری ماشین با استفاده از tensorflowjs برای ایجاد تجربیات بسیار تعاملی با سایر کتابخانههای وب AR مهم، از جمله AFRAME، مدل-viewer و SDKهای تجاری آشنا شوید با استفاده از اشکال زدایی مؤثر، شبیهسازی و تمسخر آشنا شوید. ابزارهایی برای سرعت بخشیدن به توسعه درک جامعی از تمام فناوری های وب AR در حال حاضر و آینده نزدیک ایجاد کنید و بدانید چه زمانی باید از چه چیزی استفاده کنید یک نمونه کار AR آنلاین برای خود بسازید و منتشر کنید دستگاه iOS
مقدمه
این جامع ترین راهنمای توسعه برنامه های واقعیت افزوده مبتنی بر وب است. وب AR از این نظر متمایز از سایرین است که پلتفرم متقابل است و نیازی به نصب برنامه ندارد. آنها فقط صفحات وب معمولی هستند که روی مرورگرهای وب معمولی اجرا می شوند.
چه چیزی یاد خواهید گرفت
در این دوره آموزشی، نحوه استفاده از کتابخانه متنباز MindAR برای ساخت جلوههای Image AR و جلوههای Face AR را خواهید آموخت. MindAR جانشین AR.js است که محبوبترین کتابخانه AR رایگان برای استفاده در جهان است.
علاوه بر این، یاد خواهید گرفت که چگونه از WebXR api برای ساختن جلوه های AR جهان استفاده کنید. WebXR یک api مرورگر بومی برای توسعه جلوههای واقعیت افزوده و واقعیت مجازی در مرورگرها است.
همچنین یاد خواهید گرفت که چگونه مدلهای یادگیری ماشین tensorflow.js را در برنامههای واقعیت افزوده ادغام کنید تا جلوههای بسیار تعاملی و جالب ایجاد کنید. به عنوان مثال، استفاده از حرکات دست یا حالات چهره برای کنترل محتوای AR.
شما همچنین سفر تسلط بر محبوب ترین چارچوب رندر سه بعدی به نام three.js را آغاز خواهید کرد.
سایر فنآوریهای مهم وب AR نیز پوشش داده خواهد شد، از جمله AFRAME، مدل-نمایشگر و SDKهای AR تجاری.
علاوه بر مهارتهای توسعه عملی، دانش نظری در مورد نحوه عملکرد AR در یک محیط مرورگر نیز خواهید آموخت.
ساختار دوره
مواد دوره با دقت طراحی شده است. هر سخنرانی برای ارائه یک مفهوم واحد بسیار ماژولار است که به شما امکان می دهد در آینده به راحتی هر مرجعی را جستجو کنید. همه کد منبع نمونه مختصر و به خوبی توضیح داده شده است.
تکالیف
علاوه بر سخنرانی ها، در مجموع باید 3 تکلیف عملی را به پایان برسانید، یکی برای هر نوع افکت ردیابی. یکی از وظایف این است که شما یک نمونه کار آنلاین واقعی 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
نمایش نظرات
نظری ارسال نشده است.