آموزش تجسم سه بعدی وب سه بعدی Three.js [ویدئو]

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

اولین صفحه وب سه بعدی خود را با THREE.js بسازید Build Your First 3D Web Page with THREE.js

• بررسی اجمالی دوره The Course Overview

• معرفی وب سایت THREE.js Introducing the THREE.js website

• مبانی سه بعدی 3D Basics

• اولین صفحه وب THREE.js شما` Your first THREE.js web page`

• ویرایشگر THREE.js The THREE.js Editor

• اشکال زدایی صفحات شما Debugging Your Pages

هندسه و مواد Geometry and Materials

• بیایید آن را ساده نگه داریم: با یک جعبه شروع کنیم Let's Keep It Simple: Starting with a Box

• مواد اول - پایه و وایرفریم Materials One - Basic and Wireframe

• کره ها و استوانه ها Spheres and Cylinders

• مواد دوم - لامبرت و فونگ Materials Two - Lambert and Phong

• مخروط ها و توری Cones and Tori

سلسله مراتب صحنه و دوربین ها Scene Hierarchy and Cameras

• سلسله مراتب صحنه Scene Hierarchy

• دوربین پرسپکتیو Perspective Camera

• دوربین املایی Orthographic Camera

• دوربین های ساختگی و Lerping Dummy Cameras and Lerping

• مسیرهای پیچیده دوربین Complex Camera Paths

نورها و سایه ها Lights and Shadows

• نورپردازی محیط و نیمکره Ambient and Hemisphere Lighting

• نور جهت و نقطه ای Directional and Point Lighting

• نورپردازی نقطه ای و RectArea Spot and RectArea Lighting

• اضافه کردن سایه ها به صحنه های شما Adding Shadows to Your Scenes

• نورپردازی صحیح فیزیکی Physically Correct Lighting

منبع یابی، ایجاد و بارگیری دارایی ها Sourcing, Creating, and Loading Assets

• منابع آنلاین دارایی های سه بعدی Online Sources of 3D Assets

• استفاده از بلندر با THREE.js Using Blender with THREE.js

• کلاس GLTFLoader The GLTFLoader Class

• کلاس FBXLoader The FBXLoader Class

• LatheGeometry و ExtrudeGeometry LatheGeometry and ExtrudeGeometry

سیستم انیمیشن THREE.js The THREE.js Animation System

• مبانی سیستم انیمیشن The Basics of the Animation System

• مش های پوستی Skinned Meshes

• تغییر و ترکیب انیمیشن ها Switching and Blending Animations

• تقسیم یک کلیپ انیمیشن Splitting an Animation Clip

• یک سیستم کنترل WASD برای یک شخصیت بازیکن A WASD Control System for a Player Character

پردازش پست و GLSL Post Processing and GLSL

• پردازش پست THREE.js THREE.js Post Processing

• معرفی GLSL - ShaderMaterial Introducing GLSL - ShaderMaterial

• GLSL - Vertex Shaders را معرفی می کنیم Introducing GLSL - Vertex Shaders

• معرفی GLSL - اهمیت عملکرد نویز Introducing GLSL - Importance of Noise Function

• معرفی GLSL - Textures Introducing GLSL - Textures