メインコンテンツまでスキップ

アニメーション

StudioAnimationsセクションでは、ビューアのカメラをシーン内で動かす1つ以上のアニメーショントラックを作成できます。トラックはキーフレーム化されたパスで、各キーフレームでカメラの位置ターゲット視野角がサンプリングされます。ビューアはランタイムでキーフレーム間を補間します。

訪問者がシーンページを開いたときに自動再生されるようにトラックを設定でき、スプラットをシネマティックなフライスルーに変えられます。

トラックプロパティ

各トラックには以下のプロパティがあります:

フィールド説明
NameStudio UIに表示するトラックのラベル。
Duration秒単位のトラックの長さ。
Frame rateキーフレーム時刻を表現するフレーム毎秒。
Loop modenone — 1回再生して停止。repeat — 終点から始点へシームレスにループ。pingpong — 順再生→逆再生を繰り返す。
Interpolationstep — キーフレームからキーフレームへスナップ。spline — キーフレーム間を滑らかな曲線で。
Smoothnessスプライン補間に適用される0–1のブレンド。0は線形、1は最大に滑らか。
Keyframesアニメーション化されたカメラパスを定義する(time, { position, target, fov })エントリのリスト。

トラックの作成

一般的なフローは次のとおりです:

  1. 時刻ゼロでの姿勢にしたいビューポートでカメラをフレーミングします。
  2. time = 0にキーフレームを追加します。
  3. 時間を進めてカメラを再フレーミングし、次のキーフレームを追加します — 以下繰り返し。
  4. トラックの雰囲気に合ったloop modeinterpolationを選びます。

キーフレームリストは3つの並列配列(positiontargetfov)とtimes配列を保持します。通常は手で編集しませんが、保存されたJSONを外部で利用する場合はExperience Settingsで正式な形状を参照してください。

読み込み時の自動再生

シーンのstart modeanimTrackに設定すると、訪問者がシーンページを開いたときにアニメーショントラックが自動再生されます。シームレスなrepeatループと組み合わせれば、手放しのショーリールの印象を与えられます。複数のトラックが定義されている場合、再生されるのはリストの最初のトラックです。

ヒント:滑らかなループ

クリーンにループするトラック(loopMode = repeat)にするには、トラックの先頭フレームと末尾フレームの両方に同じ姿勢のキーフレームを置かないようにしてください — その位置でスプラインが平坦になり、ループが滑らかに続くのではなく「スナップ」して見えます。代わりに、トラックの末尾に少し余白を残して、補間が始点姿勢までカメラを運ぶようにしましょう。

関連項目

  • Cameras — フレーミングと参照に使う初期カメラ
  • Annotations — 選択された注釈は再生中のトラックを一時停止できます
  • Experience Settings — アニメーショントラックを格納するJSONコントラクト