تمرین رایگان اکسپرشن – انیمیت کشتی

اکسپرشن loopOut چیست؟

اکسپرشن loopOut یکی از اکسپرشن‌های پرکاربرد افترافکته که باهاش می‌تونید انیمیشن‌های تکراری بسازید. این اکسپرشن به خصوص برای انیمیشن‌هایی مفیده که نیاز داریم مرتب تکرار بشن. قابلیت جذاب اکسپرشن loopOut جاییه که ما دیگه نیاز نداریم یک عالمه کی‌فریم کپی کنیم تا کارهامون رو تکرار کنیم و فقط با یک دستور ساده همه چیز بطور خودکار تکراری میشه.

ساختار اکسپرشن loopOut

اکسپرشن loopOut چندتا الگوی متفاوت داره که هر کدوم حالت تکراری خاصی رو به انیمیت اضافه می‌کنه. اول از همه ساختار کلی اکسپرشن loopOut این شکلیه:

loopOut(type = "cycle", numKeyframes = 0)

پارامتر type همون حالت تکرارمون رو مشخص می‌کنه و پارامتر numKeyframes تعداد کی‌فریم‌هایی که باید تکرار بشن رو تعیین می‌کنه. بریم ببینیم الگوهای مختلف loopOut چیا هستن:

• cycle: تکرار انیمیشن به صورت چرخه‌ای.
  

  ---

• pingpong: تکرار انیمیشن به صورت رفت و برگشتی.
  

  ---

• offset: تکرار انیمیشن با تغییر مقدار.
  

  ---

• continue: ادامه دادن انیمیشن با همان روند.

کاربردهای اکسپرشن loopOut

1. ایجاد انیمیشن‌های تکراری چرخه‌ای: یکی از کاربردهای اصلی اکسپرشن loopOut، اینه که انیمیشن‌های تکراری چرخه‌ای می‌سازه. واسه ایجادش کافیه اکسپرشن زیر رو به پارامتر دلخواه‌تون که کی‌فریم داره اضافه کنید:

loopOut("cycle")

این اکسپرشن باعث میشه که انیمیشن به صورت چرخه‌ای تکرار بشه.

2. ایجاد انیمیشن‌های رفت و برگشتی: اکسپرشن loopOut می‌تونه انیمیشن‌های رفت و برگشتی هم خلق کنه. مثلا، می‌تونید از این اکسپرشن واسه تکرار رفت و برگشتی یک شیء استفاده کنید:

loopOut("pingpong")

این اکسپرشن باعث میشه که انیمیشن به صورت رفت و برگشتی تکرار بشه.

3. ایجاد انیمیشن‌های با تغییر مقدار: با استفاده از اکسپرشن loopOut، می‌تونید انیمیشن‌های تکراری بسازید که توی هر چرخه تکرار، مقدارش عوض بشه و رو به جلو حرکتش رو تکرار کنه. اینجوری انیمیت شما تو لحظه تکرار شدن به نقطه اولش برنمی‌گرده فقط همون رو مستقیم ادامه میده. مثلا کد زیر و به یه پارامتر کی‌فریم دار اعمال کنید و نتیجه رو ببینید:

loopOut("offset")

این اکسپرشن باعث میشه که انیمیشن با تغییر مقدار تکرار بشه.

4. ادامه دادن انیمیشن: با اکسپرشن loopOut همچنین می‌تونید از الگوی continue استفاده کنید که یکبار تکرار رو انجام میده و از همونجا به حرکتش ادامه میده ولی دیگه چرخه رو تکرار نمی‌کنه و فقط ادامه میده! مثلا برای ادامه دادن انیمیشن، می‌تونید از اکسپرشن زیر استفاده کنید:

loopOut("continue")

این اکسپرشن باعث میشه انیمیشن با همون روند حرکتشو ادامه بده.

نکات مهم در استفاده از اکسپرشن loopOut

• انتخاب نوع مناسب تکرار: وقتی از اکسپرشن loopOut استفاده می‌کنید، حواستون باشه که الگو و نوع تکرار مناسبی استفاده کنید. هر نوع تکرار برای کاربرد خاصی مناسبه و اگه اشتباهی الگوی نامناسبی رو استفاده کردید، احتمالا انیمیشن شما رو به هم می‌ریزه.
  

  ---

• تنظیم تعداد کی‌فریم‌ها: پارامتر numKeyframes کمکتون می‌کنه تعداد کی‌فریم‌هایی که نیاز دارید تکرار بشن رو تنظیم کنید. این پارامتر معمولا برای انیمیشن‌های پیچیده‌تر مفیده.
  

  ---

• ترکیب با دیگر اکسپرشن‌ها: اکسپرشن loopOut رو می‌تونید با اکسپرشن‌های دیگه هم ترکیب کنید تا انیمیشن‌های پیچیده‌تری ساخته بشن. به عنوان مثال، می‌تونید از اکسپرشن wiggle رو با loopOut ترکیب کنید تا انیمیشن‌تون هم تکرار بشه هم تصادفی باشه.

مثال‌های عملی

1. تکرار چرخه‌ای یک شیء: واسه ساختن تکرار چرخه‌ای یک شیء، اکسپرشن زیر رو به پارامتر موقعیت (Position) اضافه کنید:

loopOut("cycle")

این اکسپرشن باعث میشه انیمیشن Position شیء به صورت چرخه‌ای تکرار بشه.

2. تکرار رفت و برگشتی یک شیء: برای ایجاد تکرار رفت و برگشتی یک شیء، اکسپرشن زیر رو به پارامتر Position اضافه کنید:

loopOut("pingpong")

این اکسپرشن باعث میشه انیمیشن Position شیء به صورت رفت و برگشتی تکرار بشه.

3. تکرار با تغییر مقدار: برای ایجاد تکرار رو به جلو، اکسپرشن زیر رو به پارامتر Position اضافه کنید:

loopOut("offset")

این اکسپرشن باعث میشه انیمیشن Position شیء با تغییر مقدار تکرار بشه.

4. ادامه دادن انیمیشن: برای ادامه دادن انیمیشن، اکسپرشن زیر رو به پارامتر Position اضافه کنید:

loopOut("continue")

این اکسپرشن باعث میشه انیمیشن Position شیء با همون روند حرکتشو ادامه بده.