انیمیشن روان‌سازی انیمیشن با مفهوم Easing
- نویسنده موضوع ZAHHRA
- تاریخ شروع
اطلاعات موضوع
موضوع نویسنده
ZAHHRA
سطح
2
{ارشد بخش عمومی}
پرسنل مدیریت
مدیر ارشد
همیار سرپرست ادبیات
همیار سرپرست کتاب
ویراستار انجمن
منتقد ادبیات
ناظر کتاب
ناظر تایید
گوینده آزمایشی
- Nov
- 2,702
- 12,787
- مدال‌ها
- 6
تا حالا دقت کردی بعضی انیمیشن‌ها چقدر نرم و واقعی به‌نظر می‌رسن، درحالی‌که بعضیا خشک و مکانیکی‌ان؟
راز این تفاوت، در یک مفهوم ساده اما کلیدی پنهانه: Easing (ایزینگ).
راز این تفاوت، در یک مفهوم ساده اما کلیدی پنهانه: Easing (ایزینگ).
موضوع نویسنده
ZAHHRA
سطح
2
{ارشد بخش عمومی}
پرسنل مدیریت
مدیر ارشد
همیار سرپرست ادبیات
همیار سرپرست کتاب
ویراستار انجمن
منتقد ادبیات
ناظر کتاب
ناظر تایید
گوینده آزمایشی
- Nov
- 2,702
- 12,787
- مدال‌ها
- 6
ایزینگ یعنی چی؟
در حالت عادی، وقتی انیمیشنی رو تعریف می‌کنی (مثلاً با CSS یا جاوااسکریپت)، حرکت‌ها خطی (linear) هستن، یعنی سرعت در تمام مسیر ثابته.
اما در دنیای واقعی، هیچ چیزی با سرعت ثابت حرکت نمی‌کنه!
آدم‌ها، اشیا، وسایل نقلیه… همه یا تدریجی شتاب می‌گیرن یا تدریجی کند می‌شن. اینجا جاییه که easing وارد می‌شه!
در حالت عادی، وقتی انیمیشنی رو تعریف می‌کنی (مثلاً با CSS یا جاوااسکریپت)، حرکت‌ها خطی (linear) هستن، یعنی سرعت در تمام مسیر ثابته.
اما در دنیای واقعی، هیچ چیزی با سرعت ثابت حرکت نمی‌کنه!
آدم‌ها، اشیا، وسایل نقلیه… همه یا تدریجی شتاب می‌گیرن یا تدریجی کند می‌شن. اینجا جاییه که easing وارد می‌شه!
موضوع نویسنده
ZAHHRA
سطح
2
{ارشد بخش عمومی}
پرسنل مدیریت
مدیر ارشد
همیار سرپرست ادبیات
همیار سرپرست کتاب
ویراستار انجمن
منتقد ادبیات
ناظر کتاب
ناظر تایید
گوینده آزمایشی
- Nov
- 2,702
- 12,787
- مدال‌ها
- 6
انواع Easing پرکاربرد:
ease-inحرکت آهسته شروع می‌شه و بعد سرعت می‌گیره.
ease-outسریع شروع می‌شه و آهسته تموم می‌شه.
ease-in-outترکیب هر دو حالت بالا؛ شروع و پایان نرم.
linearحرکت یکنواخت بدون شتاب یا کاهش سرعت.
cubic-bezier()حالت سفارشی برای ساخت منحنی سرعت دلخواه
ease-inحرکت آهسته شروع می‌شه و بعد سرعت می‌گیره.
ease-outسریع شروع می‌شه و آهسته تموم می‌شه.
ease-in-outترکیب هر دو حالت بالا؛ شروع و پایان نرم.
linearحرکت یکنواخت بدون شتاب یا کاهش سرعت.
cubic-bezier()حالت سفارشی برای ساخت منحنی سرعت دلخواه
موضوع نویسنده
ZAHHRA
سطح
2
{ارشد بخش عمومی}
پرسنل مدیریت
مدیر ارشد
همیار سرپرست ادبیات
همیار سرپرست کتاب
ویراستار انجمن
منتقد ادبیات
ناظر کتاب
ناظر تایید
گوینده آزمایشی
- Nov
- 2,702
- 12,787
- مدال‌ها
- 6
می‌تونی با ابزارهایی مثل cubic-bezier.com منحنی دلخواه خودت رو طراحی کنی و حرکت‌های خاص بسازی، مثلاً پرش، لرزش یا جهش نرم.
