Three.js Shading Language and Signed Distance Fields 2025...

Three.js Shading Language and Signed Distance Fields 2025-9 is a comprehensive, hands-on course designed to take you from the fundamentals to advanced, real-world mastery of sdf. Whether you are just starting out or looking to level up, this course gives you the structured path and practical projects you need to succeed.

Throughout the lessons you will build genuine confidence with sdf and distance, learning through clear explanations and step-by-step examples you can apply immediately. Below you will find everything the course covers, who it is for, and a full breakdown of the curriculum before you download.

Course Description

Three.js Shading Language and Signed Distance Fields، دوره آموزش Three.js Shading Language و Signed Distance Fields توسط آکادمی Udemy منتشر شده است.زبان شیدینگ Three.js (TSL) چارچوبی است که توسعهٔ شیدر را در اکوسیستم Three.js ساده می‌کند و امکان خلق گرافیک‌ها با استفاده از Signed Distance Fields (SDF) — رویکردی ریاضی برای رسم صحنه‌ها و انیمیشن‌ها — را فراهم می‌آورد. گراف شیدر مبتنی بر نود در TSL تصاویر پیچیدهٔ 2D و 3D را برای توسعه‌دهندگانی که دانش عمیق GLSL، WGSL یا برنامه‌نویسی گرافیکی سطح پایین ندارند در دسترس می‌سازد و از آنجا که TSL مستقل از رندرکننده است، شیدرها روی WebGL و WebGPU به‌خوبی اجرا می‌شوند. در این دوره موضوعات عملی و مثال‌های پروژه‌محور پوشش داده می‌شوند: راه‌اندازی محیط توسعه، واردسازی کتابخانه‌ها، استفاده از import maps یا bundler، مختصات فرگمنت و ورتکس، پیاده‌سازی uniforms و uniform arrays، تولید الگوهای متحرک، رسم خطوط و اشکال SDF در 2D و 3D، ری‌مارچینگ، نورپردازی (Lambertian، Ambient، Phong)، سایه‌زنی سخت و نرم، انعکاس‌ها، تنظیم تطبیقی DPR، پخش جوی اتمسفریک، نورگیری محیطی، اثر Fresnel، Fractal Brownian Motion، افکت آب با الگوریتم Gerstner، ابرها، تکرار دامنه، فراکتال‌های Mandelbulb، Juliabulb و Kleinian Inversion، تعامل با GUI و ورودی‌های صفحه‌کلید و بهترین شیوه‌ها برای ادغام TSL در پروژه‌های JavaScript/TypeScript تا از امکانات IDE و tree shaking بهره ببرید.

What You Will Learn

زبان شیدینگ Three.js
Signed Distance Fields (میدان‌های فاصلهٔ مشخص)
استفاده از TSL با import maps یا ابزارهای build
راه‌اندازی محیط توسعه
واردسازی در TSL مانند color، texture، convertColorSpace و positionLocal
نوشتن Fragment و Vertex Shader
تولید الگوها با توابعی مانند fract، sin، cos، atan، floor و mod
رسم خطوط و اشکال SDF در 2D و 3D
استفاده از Uniform و UniformArray
رسم خطوط فاصله (distance lines)
رنگ‌آمیزی SDFهای 2D و 3D
ری‌مارچینگ (Raymarching)
نورپردازی SDFهای 3D
سایه‌زنی SDF
انعکاس‌های SDF
ترکیب، اشتراک و تفریق SDF
نورگیری محیطی (Ambient Occlusion)
اثر Fresnel
تنظیم تطبیقی DPR
پخش جوی اتمسفریک (Atmospheric Scattering)
Fractal Brownian Motion
افکت آب با الگوریتم Gerstner/Tricoidal
اضافه کردن ابرها
تکرار دامنه (Domain Repetition)
فراکتال‌های Mandelbulb، Juliabulb و Kleinian Inversion
و موارد بیشتر

Course Features & Specifications

ناشر : Udemy
مدرس : Sean Bradley
زبان: انگلیسی
سطح آموزش: متوسط
تعداد دروس: 30
مدت زمان آموزش: 5 ساعت و 42 دقیقه

Prerequisites

This is an intermediate course about Three.js and you should already have some experience using it.
You will need a modern graphics card capable of running GLSL and WGSL shader code.