دوره آموزشی یادگیری Anime.js
1 ساعت 20 دقیقهمتوسط2021-04-12
مدرسین

Maryam Hanafiah
جزئیات دوره
برای توسعه دهندگان جاوا اسکریپت ، ایجاد انیمیشن از طریق ویژگی های CSS می تواند بیگانه به نظر برسد ، در حالی که مشخص کردن همه جزئیات در جاوا اسکریپت می تواند بیانگر باشد. Anime.js با اسکریپت نویسی CSS و سایر تغییرات مجموعه ای آسان از ابزارها برای ایجاد انیمیشن را به توسعه دهندگان جاوا اسکریپت ارائه می دهد. در این دوره مربی مریم حنفیا نحوه متحرک سازی HTML و SVG را از طریق JavaScript ، از جمله تکنیک های صیقل دادن انیمیشن های شما ، توضیح می دهد. مریم به شما نشان می دهد که چگونه شروع به متحرک سازی اشیا simple ساده ، دستکاری مقادیر انیمیشن و تعریف پارامترهای انیمیشن کنید. وی چگونگی استفاده از تسهیل کننده و سرسام آور را برای حرکت طبیعی تر ارائه می دهد ، و سپس با بحث در مورد اضافه کردن کنترل های اصلی انیمیشن و کنترل پیمایش به پایان می رسد.
مهارت ها
JavaScriptOracleFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)
سرفصل ها
مقدمه
- متحرک سازی خصوصیات CSS با جاوا اسکریپت
- آنچه باید بدانید
شروع به کار
- راه اندازی انیمه
- متحرک سازی اهداف با ویژگی ها و تبدیل های CSS
- متحرک سازی اهداف با اعداد
- دستکاری مقادیر انیمیشن
- تعریف پارامترهای انیمیشن
صاف کردن
- استفاده از آسان سازی برای حرکت طبیعی تر
- استفاده از تلوتلو برای حرکت طبیعی تر
- اضافه کردن کنترل های اولیه انیمیشن
- اضافه کردن کنترل های اسکرول
- یک div را به چالش بکشید و کنترل های کاربر را در آن قرار دهید
- راه حل یک div را متحرک کنید و کنترل های کاربر را در آن قرار دهید
نتیجه
- مراحل بعدی