Interpolation のメソッド

すべての Interpolation のメソッドでは、引数 t は通常、time または value ですが、他の値にすることもできます。t が time の場合は、時間に対して補間が行われます。t が value の場合は、エクスプレッションにより値の範囲が新しい値の範囲にマップされます。

Interpolation のメソッドの詳細と例については、JJ Gifford の Web サイトを参照してください。

Ian Haigh が、彼自身の Web サイトで、バウンスなどの高度な補間法のエクスプレッションを簡単にプロパティに適用できるスクリプトを公開しています。

linear(t, tMin, tMax, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t、tMin および tMax は Number で、value1 および value2 は Number または配列です。

t <= tMin の場合、value1 を返します。t >= tMax の場合、value2 を返します。tMin < t < tMax の場合は、value1 ～ value2 のリニア補間を返します。

例えば、「不透明度」プロパティに次のエクスプレッションを指定すると、不透明度の値が 0 秒から 6 秒の間で一気に 20％ から 80％ に変化します。

  linear(time, 0, 6, 20, 80)

すべての Interpolation メソッドと同じように、このメソッドは、値の範囲を別の値の範囲に変換するときにも使います。例えば、「不透明度」プロパティに次のエクスプレッションを指定すると、不透明度の値 0 ～ 100％ が 20 ～ 80％ に変換されます。

  linear(value, 0, 100, 20, 80)

linear(t, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t は Number で、value1 および value2 は Number または配列です。

value1 と value2 の間を t の範囲が0 ～ 1 に変化するのに合わせてリニアに補間します。t <= 0 の場合、value1 を返します。t >= 1 の場合、value2 を返します。

ease(t, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t は Number で、value1 および value2 は Number または配列です。

引数や処理が linear と似ていますが、開始ポイントと終了ポイントの速度が 0 になるように補間がイーズインおよびイーズアウトされます。このメソッドを使用すると、アニメーションの結果が非常に滑らかになります。

ease(t, tMin, tMax, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t、tMin および tMax は Number で、value1 および value2 は Number または配列です。

引数や処理が linear と似ていますが、開始ポイントと終了ポイントの速度が 0 になるように補間がイーズインおよびイーズアウトされます。このメソッドを使用すると、アニメーションの結果が非常に滑らかになります。

easeIn(t, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t は Number で、value1 および value2 は Number または配列です。

ease と同じような値が返されますが、接線は value1 側でのみ 0 になり、補間は value2 側でリニアになります。

easeIn(t, tMin, tMax, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t、tMin および tMax は Number で、value1 および value2 は Number または配列です。

ease と同じような値が返されますが、接線は tMin 側でのみ 0 になり、補間は tMax 側でリニアになります。

easeOut(t, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t は Number で、value1 および value2 は Number または配列です。

ease と同じような値が返されますが、接線は value2 側でのみ 0 になり、補間は value1 側でリニアになります。

easeOut(t, tMin, tMax, value1, value2)

返されるタイプ：Number または配列。

引数のタイプ：t、tMin および tMax は Number で、value1 および value2 は Number または配列です。

ease と同じような値が返されますが、接線は tMax 側でのみ 0 になり、補間は tMin 側でリニアになります。