دوره طراحی بصری با p5.js همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره طراحی بصری با p5.js

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

موضوع میانی: کاربرد بصری در معماری تعاملی

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

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