دوره خلق تجربه‌های بصری پویا با p5.js: تصاویر، ویدئو و وب‌کم همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره خلق تجربه‌های بصری پویا با p5.js: تصاویر، ویدئو و وب‌کم

موضوع کلی: هنر و رسانه‌های دیجیتال

موضوع میانی: برنامه‌نویسی خلاق و تعاملی

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

• 1. مبانی p5.js و آشنایی با محیط توسعه
• 2. نصب و راه‌اندازی p5.js
• 3. اولین طرح‌های گرافیکی در p5.js
• 4. مفاهیم اولیه طراحی برداری (Vector Graphics)
• 5. اشکال هندسی و ترسیم آن‌ها
• 6. رنگ‌ها و فضاهای رنگی در p5.js
• 7. کار با متن و فونت‌ها
• 8. انیمیشن پایه و فریم‌ریت
• 9. حرکت و جابجایی اشیاء
• 10. تعامل با کاربر: ماوس
• 11. تعامل با کاربر: کیبورد
• 12. مقدمه‌ای بر تصاویر در p5.js
• 13. بارگذاری و نمایش تصاویر
• 14. تغییر مقیاس و موقعیت تصاویر
• 15. چرخش و دوران تصاویر
• 16. کار با کانال آلفا و شفافیت تصاویر
• 17. فیلترهای تصویری پایه
• 18. کار با پیکسل‌ها: دسترسی و خواندن
• 19. تغییر مقادیر پیکسل‌ها
• 20. ایجاد تصاویر از داده‌ها
• 21. مقدمه‌ای بر ویدئو در p5.js
• 22. بارگذاری و پخش ویدئو
• 23. کنترل پخش ویدئو (پخش، توقف، جلو، عقب)
• 24. نمایش فریم‌های ویدئو
• 25. کار با ویدئو به عنوان منبع داده
• 26. تغییر مقیاس و موقعیت ویدئو
• 27. فیلترهای ویدئویی
• 28. مقدمه‌ای بر وب‌کم در p5.js
• 29. دسترسی به جریان وب‌کم
• 30. نمایش تصویر وب‌کم
• 31. تغییر مقیاس و موقعیت وب‌کم
• 32. کار با تصویر وب‌کم به عنوان منبع داده
• 33. فیلترهای تصویر وب‌کم
• 34. ایجاد تعامل با تصویر وب‌کم
• 35. پردازش تصویر در زمان واقعی
• 36. مفاهیم پیشرفته‌تر کار با پیکسل‌ها
• 37. تجزیه و تحلیل رنگ پیکسل‌ها
• 38. تکنیک‌های سایه‌زنی (Shading)
• 39. کار با گرادیان‌ها
• 40. ایجاد الگوهای پیچیده با پیکسل‌ها
• 41. ساخت تصاویر نویزی (Noise)
• 42. تکنیک‌های مشابهت‌سازی (Simulacra)
• 43. کار با تصاویر در حالت پالت
• 44. تبدیل تصاویر به اشکال برداری
• 45. ایجاد تصاویر با استفاده از توابع ریاضی
• 46. تلفیق تصاویر و انیمیشن
• 47. ایجاد جلوه‌های ویژه با تصاویر
• 48. مقدمه‌ای بر ساخت بازی‌های ساده
• 49. اصول طراحی رابط کاربری (UI)
• 50. ایجاد دکمه‌ها و کنترل‌های تعاملی
• 51. مدیریت وضعیت بازی
• 52. سیستم‌های ذرات (Particle Systems)
• 53. ایجاد و مدیریت ذرات
• 54. حرکت و رفتار ذرات
• 55. تعامل ذرات با محیط
• 56. کار با صدا در p5.js (مقدماتی)
• 57. بارگذاری و پخش فایل‌های صوتی
• 58. کنترل صدا
• 59. تولید صدا با کد
• 60. ارتباط صدا و تصویر
• 61. تجسم‌سازی صدا (Audio Visualization)
• 62. مقدمه‌ای بر فرم‌ها و الگوهای گرافیکی
• 63. تولید فرم‌های تصادفی
• 64. الگوهای هندسی تکرارشونده
• 65. الگوهای ارگانیک
• 66. مفاهیم ریاضی در طراحی گرافیک
• 67. دنباله‌های فیبوناچی و نسبت طلایی
• 68. موجک‌ها (Waveforms)
• 69. کار با داده‌های خارجی (CSV, JSON)
• 70. بارگذاری و پردازش داده‌های خارجی
• 71. نمایش داده‌ها به صورت بصری
• 72. نمودارهای میله‌ای (Bar Charts)
• 73. نمودارهای خطی (Line Charts)
• 74. نمودارهای پراکندگی (Scatter Plots)
• 75. مقدمه‌ای بر برنامه‌نویسی شیءگرا در p5.js
• 76. ایجاد کلاس‌ها و اشیاء
• 77. مدیریت چندین شیء
• 78. پراکنده‌سازی (Distribution) و تصادفی‌سازی
• 79. توزیع نرمال (Normal Distribution)
• 80. توزیع یکنواخت (Uniform Distribution)
• 81. تکنیک‌های طراحی تعاملی پیشرفته
• 82. آزمایش با پارامترهای مختلف
• 83. ایجاد رابط‌های کاربری قابل تنظیم
• 84. فریم‌ورک‌های کمکی در p5.js
• 85. استفاده از کتابخانه‌های خارجی
• 86. اصول بهینه‌سازی کد
• 87. مقدمه‌ای بر اصول اولیه انیمیشن در فضای سه‌بعدی (با احتیاط)
• 88. ترسیم اشکال سه‌بعدی پایه
• 89. مفاهیم نورپردازی سه‌بعدی (بسیار ساده)
• 90. کار با دوربین سه‌بعدی (بسیار ساده)
• 91. نمایش و ترکیب آثار با رسانه‌های دیگر
• 92. نمایش آثار در وب‌سایت
• 93. ساخت گالری دیجیتال
• 94. مقدمه‌ای بر اصول اخلاقی در هنر دیجیتال
• 95. حقوق مالکیت معنوی در محتوای دیجیتال
• 96. کاربرد هنر دیجیتال در آموزش و اطلاع‌رسانی
• 97. کاربردهای هنرهای دیجیتال در فرهنگ و جامعه
• 98. جمع‌بندی و پروژه‌های خلاقانه