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