معرفی دوره

دوره «آموزش Three.js و شیدرها از صفر» یکی از کامل‌ترین و به‌روزترین منابع فارسی برای یادگیری توسعه گرافیک سه‌بعدی در مرورگر است. این دوره در نوامبر ۲۰۲۴ عرضه شده و به صورت رایگان از طریق Udemy قابل دسترسی است. با گذراندن این دوره، از مفاهیم پایه WebGL و Three.js تا ساخت شیدرهای سفارشی و پروژه‌های تعاملی پیشرفته را خواهید آموخت. مدرس دوره با مثال‌های واقعی و گام‌به‌گام، دانش شما را از سطح مبتدی به سطح پیشرفته ارتقاء می‌دهد.

آنچه در این دوره می‌آموزید

این دوره، ضمن معرفی مقدمات Three.js، شما را با مفاهیم شیدر و زبان GLSL آشنا می‌کند. پس از پایان هر درس، قادر خواهید بود کامپو‌ننت‌های سه‌بعدی سفارشی را در صفحات وب بسازید و بهینه‌سازی کنید.

• مبانی Three.js: ایجاد صحنه، افزودن دوربین و شیء
• بارگذاری مدل‌های سه‌بعدی با فرمت‌های OBJ و GLTF
• نوشتن شیدرهای سطح و شیدرهای هندسی با زبان GLSL
• پیکربندی نورپردازی پیشرفته و سایه‌زنی نرم
• افکت‌های پس‌پردازش مانند Bloom، Depth of Field و Noise
• تعامل با کاربر: کنترل دوربین با ماوس و صفحه‌کلید
• بهینه‌سازی رندر و مدیریت حافظه GPU
• پروژه‌های عملی: ساخت گالری سه‌بعدی، انیمیشن ساده و واقعیت افزوده

مزایای شرکت در دوره

• دسترسی رایگان به محتوای به‌روز تا نوامبر ۲۰۲۴
• دوره کاملاً پروژه‌محور و بدون هزینه اشتراک
• تمرین‌های عملی برای هر بخش و حل تمرین تعاملی
• افزایش مهارت و گواهی معتبر Udemy پس از اتمام دوره
• امکان پرسش و پاسخ در انجمن ویژه شرکت‌کنندگان
• تقویت رزومه کاری در زمینه WebGL و گرافیک وب

پیش‌نیازها

برای شروع این دوره، به سطحی حداقلی از آشنایی با وب نیاز دارید. موارد زیر کافی است:

• دانش پایه از HTML و CSS
• درک مقدماتی JavaScript (توابع، شیءگرایی)
• نصب Node.js و مدیریت بسته با npm
• ویرایشگر کد مانند VSCode یا Atom
• مرورگر مدرن (Chrome، Firefox یا Edge)

بخش‌های اصلی دوره

دوره در ۹ بخش اصلی (حدود ۳۰ ساعت ویدئو) تقسیم‌بندی شده است:

• بخش ۱: مقدمه و راه‌اندازی محیط – نصب Three.js، Webpack و Live Server
• بخش ۲: مفاهیم پایه – صحنه، دوربین‌ها، نورها و ویرایش اجزای ساده
• بخش ۳: هندسه‌ها و متریال‌ها – ساخت و دستکاری مش، بافت‌دهی و UV Mapping
• بخش ۴: نورپردازی و سایه‌زنی – انواع Light، Shadow Map و بهینه‌سازی نور
• بخش ۵: شیدرهای GLSL – ساختار شیدر سطح و هندسی، ورودی‌ها و Uniform ها
• بخش ۶: افکت‌های پس‌پردازش – افزودن Bloom، SSAO، Depth of Field
• بخش ۷: تعامل و انیمیشن – Timeline، Keyframe و کنترل دوربین
• بخش ۸: بهینه‌سازی – کاهش Draw Call، Texture Atlas و مدیریت حافظه
• بخش ۹: پروژه نهایی – ساخت یک گالری سه‌بعدی تعاملی با قابلیت رندر در موبایل

مثال‌های عملی

در هر جلسه تمرین‌های عملی با کد آماده در دسترس شماست:

• ساخت یک مکعب متحرک با تغییر رنگ پویا بر اساس مکان دوربین
• شبیه‌سازی امواج آب با استفاده از شیدر پراکنده‌سازی نور
• طراحی یک صحنه فضایی با ذرات گردشی و نورهای پویا
• بارگذاری و نمایش مدل‌های GLTF با کنترل کاربر برای زوم و چرخش

نکات کلیدی برای یادگیری موفق

• تمرین مرتب و تکرار کدهای نمونه
• مطالعه مستندات رسمی Three.js و GLSL
• شرکت در انجمن‌های پرسش و پاسخ مانند StackOverflow
• تقسیم پروژه‌های بزرگ به وظایف ساده‌تر
• استفاده از ابزارهای پروفایلینگ مرورگر برای بهینه‌سازی

نحوه دانلود

برای دانلود رایگان این دوره کافی است به لینک زیر مراجعه کنید و پس از ورود یا ثبت‌نام در سایت Udemy، از کد تخفیف ۱۰۰٪ استفاده نمایید. توجه کنید که گاهی این کدها محدودیت زمانی دارند، بنابراین سریع اقدام کنید.

• مرحله ۱: کلیک بر روی لینک رسمی دوره در Udemy
• مرحله ۲: وارد شدن با حساب کاربری یا ثبت‌نام
• مرحله ۳: اعمال کد تخفیف 100OFF
• مرحله ۴: افزودن دوره به کتابخانه شما

نتیجه‌گیری

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