Three.js Post-Processing: BokehPass and SSAOPass Guide — LearnFlat
LearnFlat
SA
AR
تسجيل الدخول ابدأ
الكتالوج · التصميم · تطوير الألعاب

Three.js Post-Processing: BokehPass and SSAOPass Guide

Enhance your 3D web scenes by implementing realistic depth of field and ambient occlusion using modern Three.js post-processing effects.

⏱ 50 دقيقة 📚 7 درس 🎧 النسخة الصوتية

حول هذه الدورة

Many web developers can build basic 3D scenes, but giving them a cinematic, realistic feel requires advanced rendering techniques. Post-processing allows you to apply professional visual effects directly to your canvas. In this text-based course, you will learn how to elevate your Three.js projects by implementing two powerful post-processing effects: BokehPass for realistic depth of field and SSAOPass for screen-space ambient occlusion. What you'll learn: Understand the fundamentals of the Three.js EffectComposer and post-processing pipelines; Configure BokehPass to simulate realistic camera lens focus and blur effects; Apply SSAOPass to create soft, realistic shadows in corners and crevices; Implement modern ES module imports to keep your 3D codebase clean and modular; Optimize rendering performance by properly managing and disposing of post-processing passes. You will start with foundational concepts of shaders and render passes before moving into step-by-step code implementations for both depth of field and ambient occlusion. This course is designed for beginners with a basic grasp of Three.js who want to master post-processing, requiring no advanced math or shader programming experience. Start reading today to bring cinematic realism to your web-based 3D scenes.

ما الذي ستحصل عليه

  • 📜 شهادة إتمام
    أضفها إلى ملفك على LinkedIn
  • 💬 مدرّس AI شخصي
    عالق في درس؟ اسأل مدرّسك المدمج أي شيء، في أي وقت.
  • 🎧 النسخة الصوتية مضمَّنة
    تعلَّم أثناء تنقُّلك — دون شاشة
  • ♾️ وصول مدى الحياة
    عُد متى شئت، بلا انتهاء
  • 📱 الهاتف أو الكمبيوتر
    يعمل في أي مكان وعلى أي جهاز
  • 💸 استرداد خلال 14 يومًا
    دون أسئلة
  • ⚡ قصير ومركَّز
    50 دقيقة من المحتوى التطبيقي

المراجعات

لا توجد مراجعات بعد — كن أول من يشارك تجربته.

اكتب مراجعة

☆☆☆☆☆
سنطلب منك تسجيل الدخول بعد الإرسال — تُحفظ مسودتك.

المتعلمون أخذوا أيضًا

🎓 بشهادة

سينما 4D Xpresso: المنطق والتشغيل الآلي للرسوم المتحركة

★ 5.0 (23)
شهادة تطبيق عملي
SR 90.00 →
⚡ الأفضل للبداية 🎓 بشهادة

3-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1

★ 5.0 (7 121)
شهادة تطبيق عملي
SR 90.00 →
🔥 مطلوب 🎓 بشهادة

Unreal Engine Blueprints: بناء واجهات المستخدم، الذكاء الاصطناعي، وأنظمة اللعب

★ 5.0 (14)
شهادة تطبيق عملي
SR 90.00 →
🏆 الأكثر شعبية 🎓 بشهادة

فن البيئة الثلاثية الأبعاد: بناء عوالم الألعاب

★ 4.9 (2 157)
شهادة تطبيق عملي
SR 90.00 →

الأسئلة الشائعة

ما الذي أحتاجه لأخذ هذه الدورة؟ +

يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.

كيف يمكنني الدفع؟ +

بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.

هل يمكنني استرداد المال؟ +

نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.

إلى متى يستمر وصولي؟ +

إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.

هل سأحصل على شهادة؟ +

نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.

مصمَّم للعاملين في
التقنية التصميم المالية التسويق الرعاية الصحية التعليم الضيافة التصنيع