Creative Coding with WebGL & Shaders: Geometry Fundamentals
Understand the fundamentals of WebGL and GLSL shaders to create stunning interactive 2D and 3D graphics and visual effects directly in your browser.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
Want to bring your web projects to life with dynamic, interactive visuals? WebGL and Shaders offer a powerful way to tap into your browser's graphics processing unit (GPU).
This course provides a foundational understanding of WebGL and GLSL shaders, enabling you to program and render custom 2D and 3D graphics, from basic shapes to complex visual effects, directly in the browser.
What you'll learn:
* Understand the core concepts of the graphics rendering pipeline and how WebGL operates.
* Learn to define and manipulate 2D and 3D geometry using vertices, buffers, and transformations.
* Practice writing GLSL vertex and fragment shaders to control object appearance and visual effects.
* Apply fundamental material properties and lighting models to bring depth and realism to your scenes.
* Configure WebGL canvases for responsive behavior, ensuring your creative visuals adapt across devices.
* Build interactive scenes by integrating user input and managing animation loops.
* Explore techniques for rendering textures and creating basic post-processing effects.
The course begins with essential terminology and the foundational principles of computer graphics, then guides you through practical WebGL setup, shader programming, and rendering techniques. You'll progress from simple shapes to creating more elaborate and interactive creative coding projects.
This course is designed for absolute beginners in WebGL and shaders with basic web development knowledge (HTML, CSS, JavaScript). No prior experience with 3D graphics or advanced math is required.
Start your journey into the exciting world of creative coding with WebGL today.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 48 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
🏆 الأكثر شعبية
🎓 بشهادة
مقدمة لإضاءة Unreal Engine 5 والضباب والمعالجة اللاحقة
شهادة
تطبيق عملي
$49.99
→
🌟 اختيار الطلاب
🎓 بشهادة
أساسيات Unity Shader Graph: صياغة مرئيات الألعاب والمؤثرات البصرية (VFX)
شهادة
تطبيق عملي
$49.99
→
🔥 مطلوب
🎓 بشهادة
تطوير الرسوميات ثلاثية الأبعاد باستخدام OpenGL الحديث و C++
شهادة
تطبيق عملي
$49.99
→
⚡ الأفضل للبداية
🎓 بشهادة
واجهة مستخدم ألعاب Unreal Engine: بناء قوائم وشاشات عرض علوية (HUDs) بأسلوب AAA
شهادة
تطبيق عملي
$49.99
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع
×2
اشحن مرة واحدة وادفع النصف
أضف $100 واحصل على 200 رصيد، بحيث تكلف كل دورة حوالي $12.50. لا تنتهي صلاحية الأرصدة أبداً.
$100
200 رصيد
$12.50 / دورة
أفضل قيمة
$250
550 رصيد
$11.36 / دورة
$500
1200 رصيد
$10.42 / دورة
الرصيد يصلح لأي دورة ولا ينتهي.