آموزش Three.js از مقدماتی تا پیشرفته - ترکیب فناوری و هنر
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- مرحله 1 - ساخت منابع هنری - با آشنایی با نرمافزارهایی مانند بلندر و فتوشاپ و ساخت منابع مدلسازی صحنه سهبعدی برای نمایشگاه خودرو
- مرحله 2 - هدایت صحنه سهبعدی توسط Three.js - با ترکیب دانش قبلی در هنر سهبعدی، شما دانش اصلی Three.js را یاد میگیرید و به صورت انعطافپذیر به کار میبرید.
- مرحله 3 - افزودن افکتهای پویا به صحنه - با استفاده از برنامههای Three.js و روشهای هنر سهبعدی، افکتهای پویا به صحنه اضافه میشوند تا جلوهای زندهتر به شما بدهد.
- مرحله 4 - مدل کاراکتر، دوربین سوم شخص، انیمیشن اسکلتی و برخورد صحنه - با دریافت یا ساخت مدلهای کاراکتر، فرآیندهای چسباندن اسکلت به مدل و سایر موارد را یاد میگیرید.
- مرحله 5 - عملکرد تعامل - افزودن مدل سهبعدی یک خودرو و قابلیت تعامل با آن - دانش مدلسازی بهدست آمده در طول مدلسازی وسیله نقلیه تثبیت میشود.
- مرحله 6 - بازی کوچک - در این مرحله، دانش مدلسازی، متریال، Three.js، انیمیشن tween و غیره به صورت جامع برای پیادهسازی تعامل طراحی شده به کار گرفته میشود.
- مرحله 7 - بهبود کیفیت تصویر - روش بهبود ویژوال افکت از طریق روشهای هنر سهبعدی و متدهای برنامهنویسی توضیح داده میشود و مزایا و معایب هر متد بررسی میشود.
- مرحله 8 - بهینهسازی عملکرد و برداشتهای اشتباه هنری - اصول و متدهای عملی بهینهسازی عملکرد شرح داده میشود که میتواند بهعنوان مرجع کاربردی باشد.
- مرحله 9 - گسترش تفکر - تمرین استفاده از دانش ساده هنر سهبعدی و دانش ریاضیات برای دستیابی به افکتهای پویای پیشرفته و گسترش خلاقیت فکری
پیشنیازهای دوره
- دانش اولیه در جاوااسکریپت
توضیحات دوره
این دوره به گونهای طراحی شده که به دانشجویان کمک کند دانش اصلی Three.js و مهارتهای مدلسازی سهبعدی را بهدست آورند. توانایی سریع چسباندن مدلهای کاراکتر و راهاندازی انیمیشنهای اسکلتی را یاد بگیرند تا بتوانند بهصورت مستقل اپلیکیشنهای تعاملی Three.js خودشان را بسازند. این دوره نه تنها تفکر برنامهنویسی را پرورش میدهد، بلکه به دانشجویان در درک تولید هنری کمک میکند تا بهراحتی بتوانند توسعه پروژههای Web3D را کنترل کنند. برخلاف بسیاری از دورههای Web3D موجود، این دوره فقط به آموزش استفاده از Three.js نمیپردازد، بلکه امکانی فراهم میکند تا تولید منابع هنری مانند مدلهای سهبعدی را نیز بیاموزید. ساخت پروژههای واقعی تجاری Web3D بهعنوان محور اصلی دوره، از دو جنبه تولید منابع هنری و کاربرد Three.js آغاز میشود. این دوره شما را به صورت کارآمد به استعدادی در حوزه Web3D تبدیل میکند که بازار به آن نیاز دارد. به جای انباشت دانش، این دوره روند توسعه واقعی پروژههای تجاری را دنبال میکند و گامبهگام دانشجویان را در بازسازی و تکمیل کل فرآیند توسعه هدایت میکند. این مسیر باعث میشود دانشجویان به توسعهدهندگان مستقل Web3D تبدیل شوند و توانایی ایجاد منابع هنری سهبعدی و کاربرد انعطافپذیر Three.js را کسب کنند و بتوانند بهصورت مستقل آثار خود را خلق کنند.
این دوره برای چه کسانی مناسب است؟
- مهندس توسعه وب فرانتاند
- هنرمند سهبعدی
آموزش Three.js از مقدماتی تا پیشرفته - ترکیب فناوری و هنر
-
مقدمه دوره 03:32
-
آشنایی با بلندر 11:38
-
عملیاتهای اولیه در بلندر 12:21
-
ساخت سالن نمایشگاه خودرو - بخش 1 44:11
-
ساخت سالن نمایشگاه خودرو - بخش 2 23:56
-
ساخت سالن نمایشگاه خودرو - بخش 3 29:56
-
تنظیم متریال سالن نمایشگاه 28:09
-
ساخت محیط توسعه Three.js 04:13
-
شروع سریع Three.js - بخش 1 16:23
-
شروع سریع Three.js - بخش 2 16:46
-
هندسه و سناریوهای کاربردی آن 14:53
-
مراحل راهاندازی نورپردازی و سایهها، دلایل عیبیابی و راهحلها 35:47
-
متریال PBR 17:28
-
تئوری تکسچرهای شفاف 19:32
-
تمرین تکسچرهای شفاف 14:12
-
ساخت خودرو - تمرین جامع مدلسازی - بخش 1 01:00:39
-
ساخت خودرو - تمرین جامع مدلسازی - بخش 2 23:21
-
گروه Three.js و گروه بلندر 15:16
-
افزودن افکتهای پویا - بخش 1 - حرکت، چرخش، مقیاسبندی، آبجکت والد-فرزند 34:46
-
افزودن افکتهای پویا - بخش 2 - انیمیشن tween 34:55
-
افزودن افکتهای پویا - بخش 3 - انیمیشن کیفریم 28:37
-
افزودن افکتهای پویا - بخش 4 - نقاط 18:13
-
انتخاب پرتو - بخش 1 28:29
-
انتخاب پرتو - بخش 2 20:16
-
انتخاب پرتو - بخش 3 18:07
-
انتخاب پرتو - بخش 4 21:58
-
تقویت ویژوال افکت - نورپردازی HDR 14:31
-
کاراکتر - ایجاد مدل 47:29
-
کاراکتر - اتصال اسکلت 31:17
-
کاراکتر - کیفریمینگ اکشن 22:20
-
کاراکتر - اتصال خودکار در Mixamo و ادغام اکشنها در بلندر 26:05
-
کراپ کردن انیمیشن کاراکتر و کنترل دوربین توسط کاراکتر 27:10
-
تعویض اکشن کاراکتر 17:32
-
کنترل دوربین سوم شخص - بخش 1 59:15
-
کنترل دوربین سوم شخص - بخش 2 19:26
-
برخورد صحنه - تشخیص پرتو 36:35
-
افزودن خودروهای نمایشگاهی 20:30
-
تعامل خودرو - انیمیشن باز شدن درب 38:52
-
تعامل خودرو - انیمیشن پرواز دوربین به داخل 38:19
-
تعامل خودرو - نمایش پانورامای 360 درجه 24:22
-
تعامل خودرو - آیکونهای هات اسپات 42:28
-
تعامل خودرو - تغییر رنگ بدنه خودرو 34:06
-
کلون سازی اسکلتون - رقص روی صحنه 22:43
-
نام کاراکتر - CSS2D و 3DRenderer 12:35
-
فیکس کردن مشکلات نمایش و تعامل 17:55
-
تمرین جامع بازی تعاملی - افکتهای پویای درخت 36:19
-
تمرین جامع بازی تعاملی - مدلسازی و بهینهسازی درخت 34:31
-
تمرین جامع بازی تعاملی - تولید و انتخاب کره انرژی 32:08
-
تمرین جامع بازی تعاملی - کنترل کاراکتر و افزایش سرعت 31:57
-
تمرین جامع بازی تعاملی - جابجایی ذرات 35:05
-
تمرین جامع بازی تعاملی - افکت UV پویا برای سطح جاده 23:42
-
تمرین جامع بازی تعاملی - ایجاد مدلهای متنی به صورت پویا 24:57
-
تمرین جامع بازی تعاملی - پاکسازی منابع هنگام خروج از بازی 38:56
-
تمرین جامع بازی تعاملی - رابط کاربری دوبعدی بازی 35:07
-
بهبود کیفیت تصویر - baking تکسچر 39:59
-
بهبود کیفیت تصویر - پسپردازش 37:52
-
بهبود ویژوال - تکسچر ویدئویی 13:45
-
بهبود کیفیت تصویر - خلاصه 15:47
-
بهینهسازی عملکرد - خلاصه 24:55
-
ترکیب برنامهنویسی و هنر - گسترش تفکر - بخش 1 25:49
-
ترکیب برنامهنویسی و هنر - گسترش تفکر - بخش 2 17:18
-
سخنان پایانی 00:52
مشخصات آموزش
آموزش Three.js از مقدماتی تا پیشرفته - ترکیب فناوری و هنر
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:62
- مدت زمان :27:00:03
- حجم :21.29GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy