آموزش معرفی واقعیت افزوده در وب: WebXR و Three.js

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

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

• مقدمه دوره Intro to the course

• اولین تجربه شما با وب AR در اندروید تلفن همراه Your first experience with web AR on mobile Android

• اولین تجربه شما با وب AR در دسکتاپ Your first experience with web AR on desktop

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

• مقدمه دوره Intro to the course

• اولین تجربه شما با وب AR در iOS موبایل Your first experience with web AR on mobile iOS

• اولین تجربه شما با وب AR در iOS موبایل Your first experience with web AR on mobile iOS

• اولین تجربه شما با وب AR در اندروید تلفن همراه Your first experience with web AR on mobile Android

• اولین تجربه شما با وب AR در دسکتاپ Your first experience with web AR on desktop

WebXR API The WebXR API

• چرخه عمر برنامه WebXR WebXR application lifecycle

WebXR API The WebXR API

• WebXR API چیست؟ What is the WebXR API?

• WebXR API چیست؟ What is the WebXR API?

• مزایای AR در وب چیست؟ What are the benefits of AR on the web?

• مزایای AR در وب چیست؟ What are the benefits of AR on the web?

• WebXR چگونه کار می کند؟ How does WebXR work?

• WebXR چگونه کار می کند؟ How does WebXR work?

• Three.js چیست؟ What is Three.js?

• Three.js چیست؟ What is Three.js?

• چرخه عمر برنامه WebXR WebXR application lifecycle

کدنویسی اولین برنامه WebXR AR Coding Your First WebXR AR App

• راه اندازی محیط توسعه دهنده و نمونه کد Setting up the developer environment and code examples

• افزودن رندر به صحنه Adding a renderer to the scene

• ایجاد یک حلقه انیمیشن Creating an animation loop

• اضافه کردن یک شکل پیچیده تر به صحنه Adding a more complex shape to the scene

• تبدیل صحنه به AR با استفاده از WebXR Converting the scene to AR using WebXR

کدنویسی اولین برنامه WebXR AR Coding Your First WebXR AR App

• راه اندازی محیط توسعه دهنده و نمونه کد Setting up the developer environment and code examples

• ایجاد یک صحنه پایه Three.js Creating a basic Three.js scene

• ایجاد یک صحنه پایه Three.js Creating a basic Three.js scene

• اضافه کردن دوربین به صحنه Adding a camera to the scene

• اضافه کردن دوربین به صحنه Adding a camera to the scene

• افزودن رندر به صحنه Adding a renderer to the scene

• اضافه کردن یک مکعب به صحنه Adding a cube to the scene

• اضافه کردن یک مکعب به صحنه Adding a cube to the scene

• ایجاد یک حلقه انیمیشن Creating an animation loop

• سیستم مختصات Three.js Three.js coordinate system

• سیستم مختصات Three.js Three.js coordinate system

• اضافه کردن نور به صحنه Adding a light to the scene

• اضافه کردن نور به صحنه Adding a light to the scene

• اضافه کردن یک شکل پیچیده تر به صحنه Adding a more complex shape to the scene

• تبدیل صحنه به AR با استفاده از WebXR Converting the scene to AR using WebXR

مدل های سه بعدی در AR 3D Models in AR

• اضافه کردن اشیاء سه بعدی به صحنه Adding 3D objects to the scene

• متحرک سازی یک مدل سه بعدی Animating a 3D model

مدل های سه بعدی در AR 3D Models in AR

• اضافه کردن اشیاء سه بعدی به صحنه Adding 3D objects to the scene

• متحرک سازی اشیاء سه بعدی Animating 3D objects

• متحرک سازی اشیاء سه بعدی Animating 3D objects

• اضافه کردن مدل سه بعدی به صحنه Adding a 3D model to the scene

• اضافه کردن مدل سه بعدی به صحنه Adding a 3D model to the scene

• متحرک سازی یک مدل سه بعدی Animating a 3D model

تعاملات در AR Interactions in AR

• اضافه کردن حرکات لمسی Adding touch gestures

• تست ضربه قسمت 2 - منبع تست و فضاهای مرجع را بزنید Hit testing part 2 - Hit test source and reference spaces

• تست ضربه قسمت 3 - قرار دادن رتیکول روی سطح Hit testing part 3 - Placing a reticle on a surface

• تست ضربه قسمت 4 - قرار دادن اشیاء مجازی بر روی سطوح Hit testing part 4 - Placing virtual objects on surfaces

تعاملات در AR Interactions in AR

• اضافه کردن حرکات لمسی Adding touch gestures

• تست قسمت 1 را بزنید - راه اندازی Hit testing part 1 - Setup

• تست قسمت 1 را بزنید - راه اندازی Hit testing part 1 - Setup

• تست ضربه قسمت 2 - منبع تست و فضاهای مرجع را بزنید Hit testing part 2 - Hit test source and reference spaces

• تست ضربه قسمت 3 - قرار دادن رتیکول روی سطح Hit testing part 3 - Placing a reticle on a surface

• تست ضربه قسمت 4 - قرار دادن اشیاء مجازی بر روی سطوح Hit testing part 4 - Placing virtual objects on surfaces