タイムラインパレット

最終更新： 2024年12月17日

タイムラインパレットでは、モーションの作成や再生等を行うことができます。
このページでは、主にパレットの画面構成について解説しています。

タイムラインパレットの基本操作については「タイムラインパレットの表示と操作」をご覧ください。

タイムラインパレットの画面構成

番号	項目	詳細
A	再生やタイムラインの移動	作成したモーションの再生に関するボタンはこの部分に配置されています。
B	トラックおよびプロパティ	モデリングビューで作成したパラメータや表示オプション、更にトラック全体のプロパティが表示されます。
C	タイムライン	時間やキーフレーム、タイムラインの表示オプション等が表示されます。 なお、［ドープシート］と［グラフ エディタ］で表示される内容が異なります。

再生やタイムラインの移動

番号	項目	詳細
①	先頭へ戻る	ワークエリアの先頭へ移動します。 ［Shift］+［Home］
②	１フレーム戻る	1フレーム戻ります。 ［Page Up］
③	再生	再生します。 ［Enter］
④	１フレーム進む	1フレーム進みます。 ［Page Down］
⑤	末尾に移動	ワークエリアの終了点へ移動します。 ［Shift］+［End］
⑥	すべて展開/すべて折りたたみ	タイムラインパレットのプロパティグループを全展開・折りたたみします。
⑦	リピート	リピート再生のオン/オフを切り替えます。
⑧	速度	再生速度を変更します。100％がデフォルトです。

トラックおよびプロパティ

番号	項目	詳細
①	トラック	青色のバー以下の個所がトラックです。モデルファイルや音声ファイル等の素材が相当します。 左端の三角ボタンをクリックすることで、展開／折りたたみができます。 （［Shift］+［クリック］でトラック内のプロパティグループを全展開／折りたたみできます） バー上で右クリックすると、以下のメニューが表示されます。 トラックの複製： トラックを複製します。 トラックの削除： トラックを削除します。 トラック名の編集： トラック名を自由に編集できます。 ファイル名を利用： ファイル名と同じ名称に戻せます。 モーションを読み込み： motion3.jsonを読み込むことが出来ます。 FAボタンをクリックしてフォームアニメーションビューを開くことができます。 詳細は「フォームアニメーション（FA）について」をご覧ください。
②	プロパティグループ	ライトテーマでは水色、ダークテーマでは緑色のバーで表示されている箇所が、そのトラックのプロパティグループです。 左端の三角ボタンから、展開／折りたたみができます。 （［Shift］+［クリック］でプロパティグループ内の要素を全展開／折りたたみできます） 展開した際に表示される［角度X］［座標］［不透明度］などの項目がプロパティです。 右端にはパラメータのスライダーや値が表示されています。 まばたき： モデリングビュー上で、モデルにまばたきの設定を行うと表示されるようになります。 まばたきをSDK上で制御したい場合に設定します。 詳しい操作方法は「まばたき設定」をご覧ください。 リップシンク： モデリングビュー上で、モデルにリップシンクの設定を行うと表示されるようになります。 口の動きをSDK上で制御したい場合や、音声ファイルからリップシンクを自動的に作成したい場合に設定します。 詳しい操作方法は「BGMや音声を使用したシーンの作成」をご覧ください。 Live2D パラメータ： そのモデルが持つパラメータが表示されます。 モデリングビューのパラメータパレットと同様に操作できます。 パラメータ名は表示領域を広げることができます。 Live2D パーツ表示： パーツごとに不透明度を変更できます。腕のパーツが複数パターンある場合に切り替えるような使い方ができます。 配置 ＆ 不透明度： モデルや画像の以下の項目を編集することができます。 ［座標］［倍率X・Y］［回転］［アンカーポイント］［不透明度］［コマ打ち］［アートパスの幅の倍率］
③	シャイ	タイムラインパレットでのプロパティの表示/非表示を切り替えます。 各プロパティ左端のシャイボタンをクリックしてオン（隠れている状態）にした後、上部のシャイボタンをクリックすると適用されます。 詳しい操作方法は『シャイ機能』をご覧ください。
④	フリーズ	タイムラインパレット上で特定のプロパティを止めてモーションや位置などを確認します。 各プロパティ左端のフリーズボタンをクリックしてオンにした後、上部のフリーズボタンをクリックすると適用されます。 詳しい操作方法は「フリーズ」のページをご覧ください。
⑤	新規グループの作成	使用している素材が多い場合、グループを作成するとトラックを格納し整理することができます。

タイムライン

ドープシート表示

タイムラインの時間軸にキーフレームを設定し、アニメーションを作成します。

番号	項目	詳細
①	現在の位置（時間）	インジケーター（⑪）の位置が［分：秒：フレーム］で表示されます。
②	グラフエディタ （または ドープシート） に切り替え	グラフエディタ／ドープシートの表示を切り替えます。
③	時間表示とフレーム数表示の切り替え	目盛り（⑦）の「秒+フレーム表示」「総フレーム表示」を切り替えます。
④	再生開始位置の固定	オンにするとインジケーターをロックします。 通常はタイムライン上の任意の位置をクリックすると、連動してインジケーターがその位置に移動しますが、この機能を使用するとインジケーターの現在位置に関係なくキーフレーム等を選択することができるようになります。
⑤	マーカーとオニオンスキンマーカーの切り替えボタン	マーカーとオニオンスキンマーカーの表示をボタンで切り替えます。 マーカー： オニオンスキンマーカー：
⑥	外部アプリケーション連携の録画ボタン	外部アプリから受信したパラメータの値で、モデルトラックのタイムラインにキーフレームを挿入します。 詳しくは「外部アプリケーション連携」をご覧ください。
⑦	目盛り	タイムラインの目盛りです。「秒:フレーム」または「総フレーム数」で表示されます。 この表示は時間表示とフレーム数表示の切り替えボタン（③）で切り替えることができます。 マーカーを追加することもできます。 詳しくは「マーカー機能」をご覧ください。
⑧	ワークエリア	青色のバーで示される範囲がワークエリアです。
⑨	トラック	青色のバーで示される部分がトラック、その下にある緑色のバーがプロパティグループです。 青色のバーの長さが表示される要素の開始箇所と終端箇所を表しています。 いずれかのプロパティにキーフレーム（⑩）が作成されている場合、マークが付きます。
⑩	キーフレーム	モーションのポイントとなるフレームです。
⑪	インジケーター	タイムライン上の現在の位置です。時間は（①）に表示されます。
⑫	タイムラインのズーム	タイムラインを縮小／拡大します。 ［-］［+］ボタン、またはスライダーで変更できます。 タイムラインのズームは［Alt］+［ホイール］でも変更できます。
⑬	間隔調整	選択範囲のキーフレーム間隔を調整します。 ［間隔調整］ダイアログから縮尺の％値を指定できます。
⑭	グリッドの表示	グラフエリアに縦の線を表示します。 線の間隔は、［なし］または［1フレーム］［5フレーム］［秒］［コマ打ち］から選択できます。
⑮	0フレームより前を表示	オンにすると0フレームより前を表示します。 ［Duration］［3秒］［5秒］［10秒］［20秒］［30秒］［60秒］［Duration+5秒］［カスタム］から表示する範囲を選択できます。 ［Duration］では、デュレーションと同じ長さ分を表示します。  自身で範囲を設定したい場合は［カスタム］で値を設定できます。
⑯	デュレーション	ここまでの範囲がデュレーションでタイムラインの長さ（尺）を表しています。 右側の色の濃い部分には、デュレーションが「秒+フレーム数」と「総フレーム数」で表示されています。
⑰	パレットメニュー	クリックすると、タイムラインパレットのメニューを表示します。

詳しい操作方法は「タイムラインパレットの表示と操作」をご覧ください。

グラフエディタ表示

［グラフエディタ］に切り替えると、グラフ表示になります。
キーフレームが設定されているパラメータを選択すると、編集を行うことができます。
また、複数のパラメータを選択するとこともでき、それぞれ別の色で線が表示されます。

番号	項目	詳細
①	選択中のパラメータ	グレーで強調されている部分が選択中のパラメータです。
②	キーフレーム	点の部分がキーフレームです。
③	選択中のキーフレーム	キーフレームをクリックして選択すると、点の形が変わります。
④	リサイズ	カーブの拡大率を元に戻します。
⑤	グリッドの表示	グラフエリアに縦の線を表示します。 なし： 線を表示しません。 1フレーム： 1フレームごとに線を表示します。 5フレーム： 5フレームごとに線を表示します。 秒： 1秒ごとに線を表示します。 コマ打ち： コマ打ちで設定した間隔で線を表示します。 詳しい操作方法は「コマ打ち」をご覧ください。
⑥	リニア	選択したキーフレームの後の線を直線に変更します。
⑦	オ－トスムーズ	選択したキーフレームの後の線を曲線に変更します。
⑧	ステップ	選択したキーフレームの後の線を、前のキーフレームに合わせた垂直の直線で補間します。
⑨	インバースステップ	選択したキーフレームの後の線を、前のキーフレームに合わせた垂直の直線で補間します。
⑩	ベジェ	選択したキーフレームにベジェハンドルを作成し、自由な曲線に編集できるようにします。

詳しい操作方法は「グラフエディタ」をご覧ください。