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

اکسپرشن Math.sin() چیست؟

اکسپرشن Math.sin() یکی از توابع ریاضی پرکاربرد در افترافکت است که به شما امکان می‌دهد تا از تابع سینوس برای ایجاد انیمیشن‌های موجی و نوسانی استفاده کنید. این اکسپرشن به خصوص برای مواقعی که نیاز به ایجاد حرکت‌های نرم و پیوسته دارید، بسیار مفید است. با استفاده از Math.sin()، می‌توانید جلوه‌های بصری جذاب و طبیعی ایجاد کنید.

ساختار اکسپرشن Math.sin()

اکسپرشن Math.sin() به صورت زیر تعریف می‌شود:

Math.sin(value)

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

کاربردهای اکسپرشن Math.sin()

1. ایجاد حرکت نوسانی در موقعیت: یکی از کاربردهای اصلی اکسپرشن Math.sin()، ایجاد حرکت نوسانی در موقعیت یک شیء است. برای این کار، کافی است اکسپرشن زیر را به پارامتر موقعیت (Position) اضافه کنید:

[transform.position[0], transform.position[1] + Math.sin(time) * 50]

این اکسپرشن باعث می‌شود که موقعیت شیء به صورت نوسانی و با دامنه ۵۰ پیکسل در محور Y تغییر کند.

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

transform.opacity + Math.sin(time) * 50

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

3. ایجاد تغییرات نوسانی در چرخش: با استفاده از اکسپرشن Math.sin()، می‌توانید تغییرات نوسانی در چرخش یک شیء ایجاد کنید. به عنوان مثال، برای ایجاد تغییرات نوسانی در چرخش، می‌توانید از اکسپرشن زیر استفاده کنید:

transform.rotation + Math.sin(time) * 30

این اکسپرشن باعث می‌شود که چرخش شیء به صورت نوسانی و با دامنه ۳۰ درجه تغییر کند.

نکات مهم در استفاده از اکسپرشن Math.sin()

• تنظیم دامنه و فرکانس: هنگام استفاده از اکسپرشن Math.sin(), دقت کنید که دامنه و فرکانس را به درستی تنظیم کنید. دامنه‌های بسیار بالا ممکن است باعث ایجاد انیمیشن‌های غیرطبیعی و نامطلوب شوند.
  

  ---

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

  ---

• استفاده از مقادیر نسبی: برای ایجاد تغییرات دقیق‌تر، می‌توانید از مقادیر نسبی در اکسپرشن Math.sin() استفاده کنید. به عنوان مثال، برای ایجاد تغییرات نوسانی در موقعیت یک شیء نسبت به موقعیت اولیه آن، می‌توانید از اکسپرشن زیر استفاده کنید:

initialPosition = [100, 200];
[initialPosition[0], initialPosition[1] + Math.sin(time) * 50]

این اکسپرشن باعث می‌شود که موقعیت شیء به صورت نوسانی و با دامنه ۵۰ پیکسل نسبت به موقعیت اولیه آن تغییر کند.

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

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

[transform.position[0], transform.position[1] + Math.sin(time) * 50]

این اکسپرشن باعث می‌شود که موقعیت شیء به صورت نوسانی و با دامنه ۵۰ پیکسل در محور Y تغییر کند.

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

transform.opacity + Math.sin(time) * 50

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

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

transform.rotation + Math.sin(time) * 30

این اکسپرشن باعث می‌شود که چرخش شیء به صورت نوسانی و با دامنه ۳۰ درجه تغییر کند.