آموزش A-Frame را یاد بگیرید و برای WebVR آماده شوید

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

مقدمه ای بر دوره Introduction To The Course

• مهمترین سخنرانی The most important lecture

اصول A-Frame A-Frame Basics

• A-Frame چیست؟ What is A-Frame?

• نصب و تست Installation and testing

افزودن و اصلاح عناصر HTML Adding And Modifying HTML Elements

• اصول اولیه و ویژگی های HTML Basic primitives and HTML attributes

• موقعیت و موقعیت نسبی Position and relative positioning

• چرخش و چرخش نسبی Rotation and relative rotation

• مقیاس، مقیاس نسبی و بازتاب Scale, relative scale, and reflection

• بافت ها و متریال های تصویر Image textures and materials

• تصویر و تصویر منحنی اولیه Image and curved image primitives

• شکستن اصول اولیه Breaking primitives down

اصلاح محیط مجازی Modifying The Virtual Environment

• زمین Ground

• آسمان و تصویر 360 درجه Sky and 360° image

• دوربین بدوی Camera primitive

• بارگذاری و نمایش مدل های سه بعدی Loading and displaying 3D models

• متحرک سازی اشیاء Animating objects

• اضافه کردن نور و سایه Adding lights and shadows

• بازرس A-Frame The A-Frame inspector

تعامل با اشیاء Interacting With The Objects

• مکان نما اولیه و جزء Cursor primitive and component

• جزء مجموعه رویداد Event-set component

• تعاملات مبتنی بر نگاه Gaze-based interactions

• تقاطع های انتخابی Selective intersections

• تعاملات مبتنی بر کنترل Controller-based interactions

• ژست های تعاملی Interaction gestures

تقویت محیط مجازی Enhancing The Virtual Environment

• فیزیک و برخورد Physics and collisions

• صدا و صدای موقعیتی Sound and positional audio

• ویدیو Video

• ویدیو 360 درجه 360° Video

• تصاویر استریوسکوپی Stereoscopic images

• ضد تبخیر Antialiasing

تقویت تعاملات Enhancing The Interactions

• انیمیشن معنایی Semantic animation

• جزء انیمیشن Animation component

• جزء متن Text component

• مؤلفه نگاه کردن Look-At component

حرکت در محیط مجازی Moving Around In The Virtual Environment

• حرکت VR و محدودیت های آن VR locomotion and its limitations

• حرکت مصنوعی صاف Smooth artificial locomotion

• مولفه کنترل حرکت Movement controls component

• مش های ناوبری Navigation meshes

• کاهش پویا FOV Dynamic FOV reduction

• حرکت روی ریل On-rails locomotion

• کاهش FOV پویا روی ریل On-rails dynamic FOV reduction

• تله پورت فوری و چشمک زن Instant and blink teleportation

• حرکت تله پورت رایگان Free teleport locomotion

کنترل نهادها به صورت برنامه ای Controlling Entities Programmatically

• چرا ثبت کامپوننت ها Why registering components

• کنترل کننده .init(). The .init() handler

• با استفاده از طرحواره Using the Schema

• کنترل کننده .update(). The .update() handler

• کنترل کننده .tick(). The .tick() handler

• مولفه انتقال از راه دور چشمک زدن قسمت 1 Blink teleportation component PART 1

• مولفه انتقال از راه دور چشمک زدن قسمت 2 Blink teleportation component PART 2

• مؤلفه تخمگذار نهاد Entity spawner component

• مؤلفه مؤلفه های چندگانه، بخش 1 Multiple entities component PART 1

• مؤلفه مؤلفه های چندگانه، بخش 2 Multiple entities component PART 2

آزمایش صحنه های WebVR خود در هدست های VR Testing Your WebVR Scenes On VR Headsets

• با استفاده از Glitch Using Glitch

• نصب و استفاده از وب سرور Installing and using a web server

• نصب و استفاده از ngrok Installing and using ngrok

• توجه دوربین افست در دستگاه های تلفن همراه NOTE Camera offset on mobile devices

A-Frame v0.8.x - چه چیزی تغییر کرده است A-Frame v0.8.x - What Has Changed

• معرفی Introduction

• افست ارتفاع دوربین (سینتکس ECS) Camera Height Offset (ECS Syntax)

• رنگ آسمان Sky color

• تصحیح رنگ برای مدل های glTF 3D Color correction for glTF 3D models

A-Frame v0.8.x - مشکلات را بدانید A-Frame v0.8.x - Know Issues

• معرفی Introduction

• دوربین به آرامی در Chrome حرکت می کند Camera moves slowly on Chrome

• اشکال Raycaster Raycaster bug

• مؤلفه صدا دارایی صوتی را در چندین نهاد پخش نمی کند Sound component not playing audio asset across multiple entities

• بهترین روش ها برای مدیریت فضای رنگ Best practices for color space management

A-Frame v0.9.x - چه چیزی تغییر کرده است A-Frame v0.9.x - What Has Changed

• معرفی Introduction

• انیمیشن Animation

• Antialias Antialias

• صدا Sound

A-Frame v1.0.x - چه چیزی تغییر کرده است A-Frame v1.0.x - What Has Changed

• معرفی Introduction

به روز رسانی در کامپوننت ها Updates On Components

• معرفی Introduction

• سیستم انیمیشن A-Frame The A-Frame animation system

• کامپوننت جدید super-hands v3.0.0 The new super-hands component v3.0.0

• کامپوننت نگاه جدید v0.8.x The new look-at component v0.8.x

منابع برای پروژه های WebVR شما Resources For Your WebVR Projects

• آموزش پیش نمایش زنده براکت ها Brackets Live Preview tutorial

• پیوندهای وب به منابع مورد استفاده در سخنرانی ها Web links to resources used in the lectures

• لینک های وب به مدل های سه بعدی رایگان و نرم افزار مدل سازی سه بعدی Web links to FREE 3D models and 3D modeling software

• پیوندهای وب به وب سایت های مرتبط با واقعیت مجازی Web links to VR-related websites

کد شروع تا پایان همه سخنرانی ها START-END CODE Of All Lectures

• معرفی و فایل قابل دانلود Introduction and downloadable file