تمرین رایگان اکسپرشن – انیمیت دوچرخه‌سوار

اکسپرشن loopOut(“offset”) چیست؟

اکسپرشن loopOut(“offset”) یکی از اکسپرشن‌های پرکاربرد افترافکته که باهاش می‌تونید انیمیشن‌های تکراری ایجاد کنید که بعد از هر تکرار به مکان اولشون برنمی‌گردن و از مقدار جدید تکرار رو ادامه میدن. این اکسپرشن معمولا برای ساخت انیمیشن‌هایی مفیده که نیاز دارن مدام تکرار بشن یا تغییرات‌شون پیوسته است. اینم بگم که با loopOut(“offset”)، می‌تونید انیمیشن‌هاتون رو بصورت خودکار تکرار کنید بدون اینکه نیاز باشه کی‌فریم‌هاتون رو کپی کنید.

ساختار اکسپرشن loopOut(“offset”)

اکسپرشن loopOut(“offset”) ۲ تا پارامتر داره که هر کدوم برای نوع خاصی از تکرار استفاده میشن. اول از همه ساختار کلی اکسپرشن loopOut(“offset”) این شکلیه:

loopOut("offset", numKeyframes)

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

کاربردهای اکسپرشن loopOut(“offset”)

1. ایجاد انیمیشن‌های تکراری با تغییر مقدار: کی از کاربردهای اصلی اکسپرشن loopOut(“offset”)، ساختن انیمیشن‌های تکراریه که هر بار مقدار رو عوض می‌کنه. واسه این کار، کافیه اکسپرشن زیر رو به پارامتر مورد نظرتون اضافه کنید:

vloopOut("offset")

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

2. ایجاد انیمیشن‌های پیچیده‌تر:با اکسپرشن loopOut(“offset”) همچنین می‌تونید انیمیشن‌های پیچیده‌تر بسازید. به عنوان مثال، از این اکسپرشن واسه ایجاد انیمیشن‌های پیچیده‌تر که تکرارشون رو به جلو هست استفاده کنید:

loopOut("offset", 3)

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

3. ایجاد انیمیشن‌های زمان‌بندی شده: با استفاده از اکسپرشن loopOut(“offset”)، می‌توانید انیمیشن‌های زمان‌بندی شده ایجاد کنید. به عنوان مثال، می‌توانید از این اکسپرشن برای ایجاد انیمیشن‌های زمان‌بندی شده با تغییر مقدار استفاده کنید:

loopOut("offset", 5)

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

نکات مهم در استفاده از اکسپرشن loopOut(“offset”)

• انتخاب تعداد مناسب کی‌فریم‌ها: وقتی از اکسپرشن loopOut(“offset”) استفاده می‌کنید، یادتون باشه از کی‌فریم‌ها به اندازه استفاده کنید. اگر تعداد کی‌فریم‌هاتون خیلی زیاد باشه ممکنه باعث انیمیشن‌تون غیرطبیعی و زشت بشه.
• ترکیب با دیگر اکسپرشن‌ها: اکسپرشن loopOut(“offset”) رو می‌تونیم با اکسپرشن‌های دیگه هم ترکیب کنیم تا انیمیشن‌های پیچیده‌تری ایجاد بشه. به عنوان مثال، می‌تونید از اکسپرشن wiggle رو با loopOut(“offset”) ترکیب کنید تا انیمیشن‌تون هم تکرار بشه هم تصادفی باشه.
• استفاده از مقادیر نسبی: واسه اینکه تغییرات‌تون دقیق‌تر باشه، از مقادیر نسبی هم می‌تونید داخل اکسپرشن loopOut(“offset”) به کار ببرید. مثلا، واسه ایجاد تغییرات تصادفی توی مکان یک شیء نسبت به موقعیت اولیه‌ش، می‌تونید از اکسپرشن زیر استفاده کنید:

initialPosition = [100, 200];
loopOut("offset") + initialPosition

این اکسپرشن باعث میشه که شیء با تغییر مقدار و تکرار موقعیت اولیه‌ش در [100, 200] باقی بمونه.

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

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

loopOut("offset")

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

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

loopOut("offset", 3)

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

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

loopOut("offset", 5)

این اکسپرشن باعث میشه که انیمیشن موقعیت شیء با تغییر مقدار و تکرار پنج کی‌فریم تکرار بشه.