Back to Node List

Ease In/Out

ease_in_out

Applies easing function to input value (0-1)

Reviewed
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
入力
input
Float
入力値(0.0〜1.0へ制限、通常は TimeSource の進捗)

Output Ports

NameTypeDescription
出力
output
Float
イージング後の出力値(Backモードは0.0〜1.0を超える場合があります)

Parameters

NameTypeDefaultRangeDescription / Options
モード
mode
Enum
EaseInOut

イージング関数の種類

  • リニアLinear
    変化なし
  • イーズインEaseIn
    ゆっくり開始→加速
  • イーズアウトEaseOut
    高速開始→減速
  • イーズインアウトEaseInOut
    開始と終了をゆっくり
  • 指数イーズインExpoIn
    指数関数的に加速
  • 指数イーズアウトExpoOut
    指数関数的に減速
  • バックインBackIn
    少し引いて前進
  • バックアウトBackOut
    オーバーシュート→戻る
  • バウンスアウトBounceOut
    バウンド効果
パワー
power
Float
21–10 / step 0.1

多項式イージングのカーブ強度(高いほど急なカーブ)

Overview

Adds acceleration and deceleration to motion. It takes progress from 0 to 1 and converts it into a curve with acceleration, deceleration, or bounce. Back modes intentionally overshoot below 0 or above 1. Constant-speed linear motion looks mechanical, so UI slide-ins and object movement almost always benefit from this node.

Usage tips

  • Insert it immediately after progress: time_source → ease_in_out → remap → parameter.
  • Choose the mode by intent:
    • Movement or slide-in → EaseOut (starts quickly and comes to a stop)
    • Charge, then launch → EaseIn / ExpoIn
    • Natural back-and-forth motion → EaseInOut (default)
    • Bouncy landing → BounceOut; overshoot, then return → BackOut
  • Use power to control the curve strength (2 = standard, 5 = very steep).
  • This easing vocabulary (names and curves) is shared with the per-track interpolation of keyframe_clip; clip interpolation evaluates the same curves (equivalent to power=2).

Common pitfalls

  • Passing values outside 0–1: input is clamped to 0–1. To ease the full range of a waveform from -1 to 1, convert it to 0–1 with remap first.
  • It seems ineffective after motion (Wobble): a sine wave already contains acceleration and deceleration. Easing is primarily for progress → one-shot motion; combine it with periodic waveforms only deliberately.

Easing modes

Value Name Description
Linear Linear Linear (no change)
EaseIn Ease In Slow start → accelerate
EaseOut Ease Out Fast start → decelerate
EaseInOut Ease In/Out Slow → accelerate → decelerate
ExpoIn Exponential Ease In Accelerate exponentially
ExpoOut Exponential Ease Out Decelerate exponentially
BackIn Back In Pull back slightly before moving forward
BackOut Back Out Overshoot, then return
BounceOut Bounce Out Bounce effect

power parameter

Used by EaseIn, EaseOut, and EaseInOut. Larger values produce a steeper curve.

  • power=2.0 — quadratic curve (standard)
  • power=3.0 — cubic curve (slightly stronger)
  • power=5.0 — quintic curve (very steep)

Examples

  • TimeSource → EaseInOut → Remap → parameter — smooth acceleration/deceleration animation
  • Combine ease_in + ease_out to build an asymmetric curve

Related nodes

  • remap — change the range after easing
  • automation_curve — draw a free curve when the nine modes are not enough
  • keyframe_clip — build motion from keyframes
  • time_source — supplies input progress
Back to Node List
Ease In/Out — PixPipeline Node Reference