آموزش گرافیک های سه بعدی در وب با Three.js

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

1. ساختن یک صحنه ساده 1. Building a Simple Scene

• آشنایی با three.js Introduction to three.js

• محیط را تنظیم کنید Set up the environment

• ملزومات صحنه Scene essentials

• صحنه را جمع کنید Populate the scene

• یک هواپیمای زمینی بسازید Create a ground plane

2. Three.js Scene Scene 2. Three.js Scene Object

• اشیاء سه.js Three.js objects

• تابع درخواستAnimationFrame () requestAnimationFrame() function

• سایر خصوصیات Object3D Other Object3D properties

• اضافه کردن مه به صحنه Adding fog to the scene

3. چراغ 3. Lights

• نورپردازی در three.js Lighting in three.js

• انواع نور Light types

• dat.GUI dat.GUI

• کنترل مدار Orbit controls

• سایه ها Shadows

• اشیاء بیشتری را به صحنه اضافه کنید Add more objects to the scene

• نور افکن SpotLight

• DirectionalLight DirectionalLight

• نور محیط AmbientLight

• RectAreaLight RectAreaLight

4. انیمیشن 4. Animation

• عملکرد تصادفی () Random() function

• Math.sin () و Math.cos () Math.sin() and Math.cos()

• اضافه کردن سر و صدا Add noise

• دوربین Camera

• دکل انیمیشن Animation rig

• دکل انیمیشن ، قسمت 2 Animation rig, part 2

• Tween.js Tween.js

5- مواد و بافت ها 5. Materials and Textures

• MeshBasicMaterial MeshBasicMaterial

• MeshLambertMaterial و MeshPhongMaterial MeshLambertMaterial and MeshPhongMaterial

• MeshStandardMaterial MeshStandardMaterial

• نقشه های بافت Texture maps

• نقشه های زبر Roughness maps

• نقشه های محیط Environment maps

6. هندسه 6. Geometries

• هندسه های ابتدایی Primitive geometries

• دستکاری راسها Manipulating vertices

• هندسه های خارجی External geometries

7. ذرات 7. Particles

• ایجاد سیستم ذرات Creating a particle system

• متحرک سازی سیستم ذرات Animating the particle system

• سیستم ذرات از هندسه Particle system from geometry

• Stats.js Stats.js

8. پردازش پس از 8. Post-Processing

• پردازش بعد از Post-processing

• EffectComposer EffectComposer

• سایه بانهای دیگر Other shaders

نتیجه Conclusion

• مراحل بعدی Next steps