یادگیری HTML Canvas - افکت های متنی پیشرفته
✅ سرفصل و جزئیات آموزش
در این دوره متن متحرک را به سطح بعدی ارتقا می دهید.
آنچه یاد خواهید گرفت
- ترسیم و استایل دهی متن چندخطی روی HTML Canvas
- تبدیل متن به سیستم ذرات متحرک
- تمرین تکنیک های vanilla JavaScript و توسعه وب فرانت اند
- اعمال فیزیک و تکنیک های انیمیشن پیشرفته
پیش نیازهای دوره
- دانش اولیه HTML ،CSS و جاوا اسکریپت مورد نیاز است.
توضیحات دوره
دانش اولیه HTML ،CSS و جاوا اسکریپت مورد نیاز است. بخش اول دوره بسیار مبتدی پسند خواهد بود، ما یاد می گیریم که چگونه HTML Canvas را راه اندازی کنیم، چگونه متن را با استفاده از متدهای داخلی fillText و strokeText ترسیم کنیم و تمام ابزارها و تکنیک های موجود برای استایل دهی به آن را پوشش خواهیم داد.
بخش دوم الگوریتم های پیشرفته تری را پوشش می دهد. ما یاد می گیریم که چگونه متن چندخطی را روی HTML Canvas ترسیم کنیم، چگونه آن را به ذرات تبدیل کنیم، چگونه این سیستم های ذرات را تعاملی کنیم و خیلی موارد دیگر را می آموزید.
این دوره برای چه کسانی مناسب است؟
- کدنویسان خلاق که در مورد انیمیشن های پیشرفته وب کنجکاو هستند.
- توسعه دهندگان وب فرانت اند که می خواهند الگوریتم های انیمیشن و vanilla JavaScript را تمرین کنند.
یادگیری HTML Canvas - افکت های متنی پیشرفته
-
مقدمه 00:50
-
راه اندازی پروژه 02:02
-
ترفندهای موقعیت یابی CSS و جاوا اسکریپت 02:24
-
طراحی، استایل دهی و موقعیت یابی متن 09:30
-
Wrapping و در مرکز قرار دادن متن چندخطی 12:04
-
چگونه یک بلوک متن را به صورت عمودی در مرکز قرار دهیم؟ 03:42
-
گرادیان های HTML canvas 02:50
-
ریفکتور کردن به جاوا اسکریپت شی گرا 12:16
-
اسکن canvas برای داده پیکسل 11:44
-
تبدیل متن به ذرات 10:39
-
تعاملات و فیزیک 06:28
-
فونت های سفارشی 03:58
-
تغییر اندازه و طراحی واکنش گرا 04:05
-
افکت constellations ذرات 06:17
-
فرمول opacity خط پویا 03:38
مشخصات آموزش
یادگیری HTML Canvas - افکت های متنی پیشرفته
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:15
- مدت زمان :01:32:27
- حجم :939.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy