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

جزئیات دوره

گرافیک سه بعدی بخش اصلی تجسم داده ها، واقعیت مجازی، واقعیت افزوده و بازی هستند - همه زمینه هایی که به سرعت در حال رشد هستند! یاد بگیرید که از کتابخانه جاوا اسکریپت three.js برای ایجاد گرافیک های سه بعدی برای وب استفاده کنید. نحوه ایجاد اشیاء سه بعدی و سفارشی کردن خواص آنها، کار با انواع مختلف نورها، متحرک سازی صحنه خود، افزودن مواد و بافت ها و ساختن سیستم های ذرات را کشف کنید. نویسنده انگین ارسلان همچنین به دانش‌آموزان آموزش می‌دهد که چگونه صحنه را رندر کنند و افکت‌ها و سایه‌زن‌ها را پس از پردازش اضافه کنند. این دوره به شما درک فنی و مفهومی برای ایجاد تصاویر پیشرفته با three.js و به طور کلی کار با گرافیک سه بعدی را می دهد.

اهداف یادگیری
ساخت یک صحنه ساده
ایجاد اشیاء سه بعدی three.js
اضافه کردن نور و سایه
متحرک سازی با Tween.js
کار با متریال و بافت
ویرایش و وارد کردن هندسه ها
ایجاد یک سیستم ذرات
پس پردازش با افکت و سایه زن

سرفصل ها

0. مقدمه

01 - خوش آمدید
02 - آنچه باید بدانید
03 - استفاده از فایل‌های تمرین

1. ساختن یک صحنه ساده

04 - مقدمه ای بر three.js
05 - محیط را تنظیم کنید
06 - ملزومات صحنه
07 - صحنه را پر کنید
08 - یک هواپیمای زمینی ایجاد کنید

2. Three.js Scene Object

09 - اشیاء Three.js
10 - تابع requestAnimationFrame()
11 - سایر ویژگی‌های Object3D
12 - افزودن مه به صحنه

3. چراغ ها

13 - نورپردازی در three.js
14 - انواع نور
15 - dat.GUI
16 - کنترل مدار
17 - سایه ها
18 - اشیاء بیشتری به صحنه اضافه کنید
19 - SpotLight
20 - DirectionalLight
21 - نور محیطی
22 - RectAreaLight

4. انیمیشن

23 - تابع تصادفی ()
24 - Math.sin() و Math.cos()
25 - نویز اضافه کنید
26 - دوربین
27 - دکل انیمیشن
28 - دکل انیمیشن قسمت 2
29 - Tween.js

5. مواد و بافت

30 - MeshBasicMaterial
31 - MeshLambertMaterial و MeshPhongMaterial
32 - MeshStandardMaterial
33 - نقشه‌های بافت
34 - نقشه‌های ناهمواری
35 - نقشه‌های محیطی

6. هندسه ها

36 - هندسه‌های اولیه
37 - دستکاری رئوس
38 - هندسه‌های خارجی

7. ذرات

39 - ایجاد سیستم ذرات
40 - متحرک سازی سیستم ذرات
41 - سیستم ذرات از هندسه
42 - Stats.js

8. پس پردازش

43 - پس پردازش
44 - افکت کامپوزر
45 - ساير سايدرها

نتیجه

46 - مراحل بعدی