補間方法の設定方法と違いについて

「補間方法」は「補間アニメーション」にて、どのようにフレームとフレームの間をアニメーションさせるかを定める計算式を指します。

補間方法は主に「カーブエディタ」上で設定することができます。
本ページではSpriteStudioで設定できる補間方法の違いを主に説明します。

補間方法の設定方法

補間方法の設定方法は主に2つあります。

フレームコントロールウィンドウから設定する

フレームコントロールウィンドウの「タイムライン部」で、補間方法を設定することができます。

interpolation_02

設定したいフレームで右クリックをし、コンテキストメニューから「補間方法の変更」で補間の種類を選択することで、補間方法を変更・設定することが可能です。
キーの上であれば右の補間を、キーとキーの間であれば、選択位置の前にあるキーの右側の補間を変更します。

パーツのをクリックし、アトリビュートを展開することで、特定のアトリビュートのみ補間方法を変更することも可能です。

アトリビュートウィンドウから設定する

カーブエディタで補間方法を設定することも可能です。

カーブエディタで設定する

「アトリビュート」ウィンドウの各アトリビュートの右にあるWindow_Attribute_icon04_ver5.6.1をクリックすることで、カーブエディタを開き、カーブエディタのツールバーにある「補間方法」のプルダウンボックスから設定を行ってください。

interpolation_03

コンテキストメニューから設定する

アトリビュートウィンドウのアトリビュートのボタンを右クリックし、コンテキストメニューから補間方法を選択してください。

アトリビュートウィンドウ上のボタンの種別

補間方法に応じてボタンのデザインが変化します。
(左右で異なる補間方法を選択している際は、右の補間方法が優先されます)

設定不可 なし 線形 エルミート ベジェ 加速 減速
Window_Attribute_icon09_ver5.6.1 Window_Attribute_icon010_ver5.6.1 Window_Attribute_icon04_ver5.6.1 Window_Attribute_icon05_ver5.6.1 Window_Attribute_icon06_ver5.6.1 Window_Attribute_icon07_ver5.6.1 Window_Attribute_icon08_ver5.6.1

デフォルトの補間方法を設定する

アニメーションに応じて補間方法を設定することも多いですが、よく使う補間方法はプロジェクト設定でデフォルトの補間方法に設定してしまうと便利です。

デフォルトの補間方法は「プロジェクトの設定」の「その他」で設定することができます。

FAQ_ss_faq_17

補間方法の種類

設定した補間方法により、アニメーションの動きが変わります。
各補間方法の特長について解説します。

なし

補間を行いません。
アトリビュート値はそのキーになった段階で即座に切り替わります。

補間が必要ない場合は「なし」に設定してください。

ボタン アニメーションサンプル カーブエディタ
Window_Attribute_icon010_ver5.6.1 nasi01 Window_curveeditor_nasi_ver5.6.1

線形

キーの間に変化を持たせず、均等に補間します。
基本的にはこの補間方法を使用します。

ボタン アニメーションサンプル カーブエディタ
Window_Attribute_icon04_ver5.6.1 senkei Window_curveeditor_senkei_ver5.6.1

エルミート

キー間を三次曲線で補間します。三次曲線は「S字」のような変化をする曲線です。
カーブエディタ上のキーをアンカーポイントとし、ハンドルを操作して、キーとキーの間のカーブを調整することができます。

ボタン アニメーションサンプル カーブエディタ
Window_Attribute_icon05_ver5.6.1 erumito Window_curveeditor_erumito_ver5.6.1

ベジェ

キーの間を「ベジェ曲線」と呼ばれる曲線で補間します。
カーブエディタ上のキーをアンカーポイントとし、ハンドルを操作して、任意のベジェ曲線を作成することができます。

ハンドルで自由に曲線を設定できるため、他の補間方法では実現できない動きをさせたい場合は、ベジェを利用してみてください。

ボタン アニメーションサンプル カーブエディタ
Window_Attribute_icon06_ver5.6.1 bezye interpolation_01

加速

終点にむかって徐々に加速する動きになります。

ボタン アニメーションサンプル カーブエディタ
Window_Attribute_icon07_ver5.6.1 kasoku Window_curveeditor_kasoku_ver5.6.1

減速

終点にむかって徐々に減速する動きになります。

ボタン アニメーションサンプル カーブエディタ
Window_Attribute_icon08_ver5.6.1 gensoku Window_curveeditor_gensoku_ver5.6.1

関連ページ