در حال حاضر محصولی در سبد خرید شما وجود ندارد.
اگر شما انیمیشن ها را برای وب ساختید، شانس خوب است که شما حداقل کمی با Greensock آشنا هستید. کتابخانه انیمیشن جاوا اسکریپت Greensock ابزار و کنترل های متنوعی را برای ایجاد انیمیشن در وب فراهم می کند. در حالی که انیمیشن های CSS به شما اجازه می دهد تا تغییرات ساده را تغییر دهید و عناصر UI را در یک برنامه تغییر دهید، با جاوا اسکریپت که می توانید انیمیشن های پیچیده و جلوه های پیشرفته ایجاد کنید، زمان بندی انیمیشن ها را کنترل کنید، و کنترل زمانی که انیمیشن ها رخ می دهد. در این دوره، کریستینا گورتون شما را با انیمیشن های جاوا اسکریپت شروع می کند، به شما نشان می دهد که چگونه با SVG ها کار کنید، آنها را با Greensock تحریک کنید، و یک صفحه نمونه کارها را با انیمیشن های جاوااسکریپت در پیمایش ایجاد کنید.
عنوان اصلی : Learning JavaScript Animations with GreenSock
سرفصل های دوره :
مقدمه:
چرا انیمیشن های جاوااسکریپت؟
کتابخانه انیمیشن Greensock
1. مبانی SVG برای انیمیشن:
SVG اشکال، مسیرها و دستورات
به درستی گروه SVG برای انیمیشن
صادرات و بهینه سازی SVG
چالش: گروه و صادرات SVG برای انیمیشن
راه حل: گروه و صادرات SVG برای انیمیشن
2. نحو Greensock:
tween یک عنصر DOM با gsap.method ()
از روش gsap.set () استفاده کنید
انیمیشن انیمیشن ها با گرینسوک
کنترل چندگانه Tweens با gsap.timeline ()
اضافه کردن پیش فرض ها برای تمیز کردن انیمیشن های جدول زمانی
یک انیمیشن را با تمیز کردن ساخته شده تغییر دهید
چالش: تحریک قهرمان SVG
راه حل: تحریک قهرمان SVG
3. از پلاگین ScrollTrigger استفاده کنید:
افزودن پلاگین های Greensock به پروژه شما
یک ماشه را برای انیمیشن پیمایش انتخاب کنید
کنترل انیمیشن خود را با پارامترهای شروع و پایان
اضافه کردن نشانگرها برای انیمیشن پیمایش خود را
انیمیشن های اسکراب در نظر
چالش: انیمیشن ScrollTrigger را به بخش درباره بخش اضافه کنید
راه حل: اضافه کردن انیمیشن ScrollTrigger به بخش درباره بخش
4. انیمیشن های پیچیده را با یک جدول زمانی اصلی ایجاد کنید:
ایجاد توابع قابل استفاده مجدد برای انعطاف پذیری
تنظیم یک انیمیشن اصلی جدول زمانی
انیمیشن های موقعیتی در یک جدول زمانی
نتیجه گیری:
چه چیز دیگری می تواند Greensock انجام دهد؟
Learning JavaScript Animations with GreenSock
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
