دوره آموزشی یادگیری Anime.js

دوره آموزشی یادگیری Anime.js

1 ساعت 20 دقیقهمتوسط2021-04-12

مدرسین

Maryam Hanafiah

Maryam Hanafiah

جزئیات دوره

برای توسعه دهندگان جاوا اسکریپت ، ایجاد انیمیشن از طریق ویژگی های CSS می تواند بیگانه به نظر برسد ، در حالی که مشخص کردن همه جزئیات در جاوا اسکریپت می تواند بیانگر باشد. Anime.js با اسکریپت نویسی CSS و سایر تغییرات مجموعه ای آسان از ابزارها برای ایجاد انیمیشن را به توسعه دهندگان جاوا اسکریپت ارائه می دهد. در این دوره مربی مریم حنفیا نحوه متحرک سازی HTML و SVG را از طریق JavaScript ، از جمله تکنیک های صیقل دادن انیمیشن های شما ، توضیح می دهد. مریم به شما نشان می دهد که چگونه شروع به متحرک سازی اشیا simple ساده ، دستکاری مقادیر انیمیشن و تعریف پارامترهای انیمیشن کنید. وی چگونگی استفاده از تسهیل کننده و سرسام آور را برای حرکت طبیعی تر ارائه می دهد ، و سپس با بحث در مورد اضافه کردن کنترل های اصلی انیمیشن و کنترل پیمایش به پایان می رسد.

مهارت ها

JavaScriptOracleFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)

سرفصل ها

مقدمه

  • متحرک سازی خصوصیات CSS با جاوا اسکریپت
  • آنچه باید بدانید

شروع به کار

  • راه اندازی انیمه
  • متحرک سازی اهداف با ویژگی ها و تبدیل های CSS
  • متحرک سازی اهداف با اعداد
  • دستکاری مقادیر انیمیشن
  • تعریف پارامترهای انیمیشن

صاف کردن

  • استفاده از آسان سازی برای حرکت طبیعی تر
  • استفاده از تلوتلو برای حرکت طبیعی تر
  • اضافه کردن کنترل های اولیه انیمیشن
  • اضافه کردن کنترل های اسکرول
  • یک div را به چالش بکشید و کنترل های کاربر را در آن قرار دهید
  • راه حل یک div را متحرک کنید و کنترل های کاربر را در آن قرار دهید

نتیجه

  • مراحل بعدی
۴۰,۰۰۰ تومان