فلش‌کارت‌های آموزشی طراحی موشن گرافیک با P5.js

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

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

عنوان دوره: دوره طراحی موشن گرافیک با P5.js

موضوع کلی: برنامه‌نویسی گرافیک و جلوه‌های بصری

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

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

• 1. مقدمه‌ای بر طراحی موشن گرافیک با P5.js
• 2. آشنایی با محیط توسعه P5.js و تنظیمات اولیه
• 3. مفاهیم پایه گرافیک کامپیوتری: پیکسل، رنگ، و مختصات
• 4. متغیرها و انواع داده در P5.js
• 5. عملگرهای ریاضی و منطقی در P5.js
• 6. شکل‌های هندسی پایه: خط، دایره، مستطیل و مثلث
• 7. توابع ترسیم و تنظیم استایل شکل‌ها
• 8. کار با رنگ‌ها: تعریف، ترکیب و استفاده از کدهای رنگی
• 9. ایجاد انیمیشن‌های ساده با استفاده از متغیرها و حلقه‌ها
• 10. حلقه‌های تکرار: for و while در P5.js
• 11. شرط‌ها و تصمیم‌گیری‌ها: if، else if، و else
• 12. توابع: تعریف، فراخوانی و پارامترها
• 13. آرایه‌ها و کار با مجموعه‌ای از داده‌ها
• 14. تصاویر: بارگذاری، نمایش و دستکاری تصاویر
• 15. فونت‌ها و متن: نمایش متن با فونت‌های مختلف
• 16. تبدیلات هندسی: انتقال، چرخش و مقیاس‌بندی
• 17. توابع پیش‌ساخته P5.js برای کار با اعداد تصادفی
• 18. ایجاد الگوهای تکراری با استفاده از توابع و حلقه‌ها
• 19. آشنایی با مفهوم زمان و فریم‌ها در P5.js
• 20. انیمیشن‌های برداری: مسیرها و منحنی‌ها
• 21. استفاده از صدا در P5.js: بارگذاری و پخش صدا
• 22. موش و صفحه کلید: دریافت ورودی از کاربر
• 23. تعامل با کاربر: پاسخ به کلیک‌ها و حرکات موش
• 24. ایجاد رابط کاربری ساده با استفاده از دکمه‌ها و اسلایدرها
• 25. مفهوم شی‌گرایی در P5.js
• 26. کلاس‌ها و اشیاء: تعریف و استفاده از کلاس‌ها
• 27. وراثت و چندریختی در P5.js
• 28. ایجاد بازی‌های ساده با P5.js
• 29. طراحی و انیمیشن شخصیت‌های کارتونی
• 30. ایجاد جلوه‌های ویژه: انفجار، دود و نور
• 31. استفاده از کتابخانه‌های P5.js برای افزایش قابلیت‌ها
• 32. کتابخانه p5.dom: دستکاری DOM با P5.js
• 33. کتابخانه p5.sound: پردازش صدا در P5.js
• 34. کتابخانه p5.collide2D: تشخیص برخورد بین اشیاء
• 35. بهینه‌سازی کد P5.js برای بهبود عملکرد
• 36. رفع اشکال و دیباگ کردن کد P5.js
• 37. استفاده از Git برای مدیریت نسخه کد
• 38. نشر پروژه‌های P5.js در وب
• 39. معرفی منابع آموزشی و ابزارهای مفید برای P5.js
• 40. انواع مختلف موشن گرافیک و کاربردهای آن‌ها
• 41. طراحی موشن گرافیک برای شبکه‌های اجتماعی
• 42. ایجاد تیزر تبلیغاتی با P5.js
• 43. طراحی لوگوی متحرک با P5.js
• 44. نمایش داده‌ها با استفاده از موشن گرافیک
• 45. استفاده از P5.js برای ساخت ویدیوهای هنری