فلش‌کارت‌های آموزشی ساخت مدل‌ها و انیمیشن‌های سه‌بعدی با WebGL در جاوااسکریپت

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره ساخت مدل‌ها و انیمیشن‌های سه‌بعدی با WebGL در جاوااسکریپت

موضوع کلی: توسعهٔ نرم‌افزار و گرافیک رایانه‌ای

موضوع میانی: گرافیک سه‌بعدی تحت وب

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر گرافیک سه‌بعدی و WebGL
• 2. تاریخچه گرافیک رایانه‌ای
• 3. مفاهیم پایه گرافیک سه‌بعدی
• 4. فضای سه‌بعدی و مختصات کارتزین
• 5. تبدیلات هندسی: انتقال، دوران، مقیاس
• 6. ماتریس‌های تبدیل و نحوه اعمال آن‌ها
• 7. کلیپینگ و فضای دید
• 8. رندرینگ سه‌بعدی: مفاهیم اولیه
• 9. پایپ‌لاین گرافیکی سخت‌افزاری
• 10. معماری WebGL
• 11. محیط توسعه WebGL
• 12. اولین برنامه WebGL: رسم یک نقطه
• 13. رسم اشکال هندسی ساده در WebGL
• 14. مثلث‌ها و چندضلعی‌ها
• 15. شیدرها: زبان GLSL
• 16. برنامه‌های شیدر: вершин شیدر و قطعه شیدر
• 17. کامپایل و لینک کردن شیدرها
• 18. بافرها: VBO و EBO
• 19. داده‌های ورودی شیدرها
• 20. نگاشت بافت (Texture Mapping)
• 21. انواع بافت‌ها و فرمت‌ها
• 22. تکنیک‌های فیلترینگ بافت
• 23. مدل‌سازی سه‌بعدی: مفاهیم پایه
• 24. مدل‌سازی مبتنی بر رأس
• 25. مدل‌سازی مبتنی بر چندضلعی
• 26. ایجاد مش‌ها (Meshes)
• 27. نورپردازی سه‌بعدی
• 28. مدل‌های نورپردازی: لامبرت، فونگ
• 29. نورهای جهت‌دار، نقطه‌ای و محیطی
• 30. سایه‌ها و تکنیک‌های تولید سایه
• 31. انتقال نور (Light Transport)
• 32. رندرینگ پیشرفته
• 33. تکنیک‌های Anti-aliasing
• 34. Post-processing Effects
• 35. Screen Space Ambient Occlusion (SSAO)
• 36. Global Illumination (GI)
• 37. مفاهیم انیمیشن سه‌بعدی
• 38. فریم‌های کلیدی (Keyframes)
• 39. انیمیشن مبتنی بر منحنی
• 40. انیمیشن استخوان‌بندی (Skeletal Animation)
• 41. انیمیشن مبتنی بر فیزیک
• 42. مدل‌سازی اشیاء پیچیده
• 43. استفاده از کتابخانه‌های مدل‌سازی
• 44. مدل‌سازی پارامتریک
• 45. مدل‌سازی مبتنی بر رویه‌ها
• 46. تکنیک‌های بهینه‌سازی مدل‌ها
• 47. ساخت مدل‌های قابل استفاده در وب
• 48. فرمت‌های فایل مدل سه‌بعدی (OBJ, glTF)
• 49. بارگذاری مدل‌های سه‌بعدی در WebGL
• 50. مدیریت منابع گرافیکی
• 51. بهینه‌سازی عملکرد WebGL
• 52. تکنیک‌های Culling
• 53. مدیریت حافظه در WebGL
• 54. استفاده از WebGL 2.0
• 55. تکنیک‌های پیشرفته در WebGL 2.0
• 56. Uniform Buffer Objects (UBOs)
• 57. Transform Feedback
• 58. Compute Shaders
• 59. توسعه اپلیکیشن‌های سه‌بعدی تعاملی
• 60. مدیریت ورودی کاربر (ماوس، کیبورد)
• 61. پیاده‌سازی دوربین سه‌بعدی
• 62. کار با scenegraph
• 63. نورپردازی پیشرفته در WebGL
• 64. تکنیک‌های PBR (Physically Based Rendering)
• 65. Image-based Lighting (IBL)
• 66. Environment Mapping
• 67. انیمیشن در WebGL
• 68. انیمیشن مبتنی بر جاوااسکریپت
• 69. انیمیشن با استفاده از کتابخانه‌ها
• 70. مدیریت زمان در انیمیشن
• 71. کار با زمان‌بندی فریم‌ها
• 72. مدل‌سازی و رندرینگ اشیاء پویا
• 73. رندرینگ بافت‌های پویا
• 74. استفاده از Offscreen Canvas
• 75. کار با Web Workers برای پردازش سنگین
• 76. تکنیک‌های رندرینگ پیشرفته برای وب
• 77. Ray Tracing در WebGL (مقدماتی)
• 78. Ray Marching
• 79. Deferred Rendering
• 80. تکنیک‌های بهبود کیفیت بصری
• 81. Color Correction
• 82. Bloom Effect
• 83. Depth of Field
• 84. Motion Blur
• 85. بهینه‌سازی برای دستگاه‌های مختلف
• 86. مدیریت نرخ فریم
• 87. مصرف حافظه در دستگاه‌های موبایل
• 88. تست و اشکال‌زدایی در WebGL
• 89. ابزارهای توسعه مرورگر
• 90. تکنیک‌های اشکال‌زدایی شیدرها
• 91. کار با پروفایلرها
• 92. مقدمه‌ای بر مفاهیم گرافیک سه‌بعدی پیشرفته
• 93. رندرینگ مبتنی بر فیزیک (PBR)
• 94. نورپردازی واقع‌گرایانه
• 95. مواد و سطوح
• 96. مفاهیم shaders پیشرفته
• 97. تکنیک‌های سایه پیشرفته
• 98. Screen Space Global Illumination
• 99. تکنیک‌های پردازش پسا (Post-processing)
• 100. نوردهی خودکار (Auto Exposure)