دوره گرافیک سه بعدی در وب با Three.js همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره گرافیک سه بعدی در وب با Three.js

موضوع کلی: برنامه نویسی

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مقدمه‌ای بر Three.js و کاربردهای آن
• 2. راه‌اندازی محیط توسعه و پروژه اول
• 3. ساختار اصلی یک صحنه: Scene، Camera و Renderer
• 4. آشنایی با انواع دوربین در Three.js
• 5. کنترل دوربین با OrbitControls
• 6. ایجاد و افزودن اشیاء پایه: مکعب، کره و استوانه
• 7. مشخصات مواد (Materials) و رنگ‌ها
• 8. نورپردازی پایه: AmbientLight و DirectionalLight
• 9. نورپردازی پیشرفته: PointLight و SpotLight
• 10. سایه‌ها و تنظیمات آنها در Three.js
• 11. بافت (Texture) و تصاویر روی اشیاء
• 12. بارگذاری تصاویر با TextureLoader
• 13. مپ‌های مختلف: Normal Map، Bump Map و Roughness Map
• 14. مدیریت گروه‌ها و سلسله مراتب اشیاء
• 15. ماتریس‌ها و تبدیل‌های هندسی
• 16. انیمیشن پایه با requestAnimationFrame
• 17. حلقه انیمیشن و به‌روزرسانی فریم
• 18. درک و کار با زمان در انیمیشن‌ها
• 19. ایجاد انیمیشن‌های پیچیده با TWEEN
• 20. کار با Math و توابع مثلثاتی برای حرکت
• 21. مدل‌های سه بعدی و فرمت‌های GLTF/GLB
• 22. بارگذاری مدل با GLTFLoader
• 23. بهینه‌سازی و مقیاس‌بندی مدل‌های وارد شده
• 24. مدیریت انیمیشن‌های درون مدل (AnimationMixer)
• 25. ایجاد صحنه‌های تعاملی با رویدادهای ماوس
• 26. تشخیص برخورد اشیاء (Raycaster)
• 27. انتخاب و جابجایی اشیاء با کلیک
• 28. ایجاد منوها و رابط کاربری در Three.js
• 29. استفاده از CSS2DRenderer برای برچسب‌ها
• 30. کار با متن و فونت در صحنه
• 31. سیستم ذرات (Particles) و جلوه‌های بصری
• 32. ایجاد باران، برف و دود با Points
• 33. جلوه‌های شیشه‌ای و شفافیت
• 34. انعکاس و شکست نور با محیط (Environment Map)
• 35. SkyBox و محیط‌های پانوراما
• 36. مدیریت چند صحنه و سوئیچ بین آنها
• 37. مفاهیم LOD و بهینه‌سازی عملکرد
• 38. تکنیک‌های کاهش Draw Call
• 39. بارگذاری تدریجی (Progressive Loading) مدل‌ها
• 40. کار با نسل جدید WebGPU در Three.js
• 41. استفاده از Shaderهای سفارشی با ShaderMaterial
• 42. مفاهیم Vertex و Fragment Shader
• 43. ایجاد افکت‌های بصری منحصر به فرد با Shader
• 44. مدیریت رنگ و سایه‌های سفارشی
• 45. ایجاد افکت‌های پس‌پردازش (Post-Processing)
• 46. افکت‌های بلور، درخشش و تغییر رنگ
• 47. ادغام Three.js با کتابخانه‌های دیگر (React)
• 48. استفاده از React Three Fiber
• 49. ادغام با Vue.js و Angular
• 50. ذخیره و بارگذاری وضعیت صحنه (JSON)
• 51. ایجاد یک ویرایشگر ساده سه بعدی
• 52. تولید صحنه از داده‌های API
• 53. گرافیک سه بعدی برای داشبوردها و نمودارها
• 54. ایجاد نمودارهای میله‌ای و دایره‌ای سه بعدی
• 55. مدیریت رویدادهای لمسی برای دستگاه‌های موبایل
• 56. بهینه‌سازی برای مرورگرهای مختلف
• 57. اشکال‌یابی و ابزارهای توسعه‌دهنده
• 58. مدیریت حافظه و جلوگیری از نشت
• 59. استفاده از Workerها برای محاسبات سنگین
• 60. ایجاد انیمیشن‌های مسیری (Path Animation)
• 61. سیستم جاذبه و فیزیک پایه با Cannon-es
• 62. برخورد و واکنش اشیاء فیزیکی
• 63. ساخت یک بازی ساده سه بعدی در مرورگر
• 64. مدیریت صدا و افکت‌های صوتی
• 65. ایجاد صحنه‌های شب و روز
• 66. جلوه‌های آب و آینه
• 67. رندرینگ به ویدئو و تصویر
• 68. ذخیره اسکرین‌شات از صحنه
• 69. نکات امنیتی و جلوگیری از حملات XSS
• 70. تست و اشکال‌زدایی پروژه نهایی