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

Intros & Animations

In-App Navigation
Supported ­file types
.PATH

Intro Animation と Animation の違い

Intro AnimationAnimation は同じ Timeline Editor を使い、Content Details でも見た目はほぼ同じです。

どの Animation も Intro Animation として使えますが、1つの Space につき設定できる Intro Animation は1つだけです。Animation を Space の Intro シーケンスとして使うには、Content Details で Autoplay を有効にします。

FeatureIntro AnimationAnimation
PurposeSpace 入室時に Space を案内する動きや効果で Space に変化を与える
PreviewExplore 用の preview を作成できるSpace の外では preview できない
Allowed instances1 Space あたり 1つ制限なし
Trigger自動再生されるIntro 後に autoplay、または trigger(button、zone entry など)で再生

Creators は ESC を押すか、動画をタップして Skip ボタンを表示することで Intro Animation をスキップできます。

Intro Animation を作成する


Intro Animation の作成方法は2つあります。
1 Edit Space > Create Intro Animation
2 Action Button > Animation

どちらの方法でも同じ Animation ワークフローが開きます。主な違いは、Edit Space > Create Intro Animation では Autoplay が最初から有効で、Camera entity が自動で追加される点です。

Camera がシーケンスに含まれると、現在どの entity を編集していても Editor は Free Cam Mode に切り替わります。

Content Details 設定

Content Details では、選択中の Animation の一般設定を行います。

1 対象 Entities

Target Entities は Timeline で animation できる可動 asset です。 をクリックすると一覧から entity を追加できます。 をクリックすると Animation から entity を削除できます。

Entity TypeAnimatable AttributesHow to animate
AnnotationPositionGizmo
CameraPosition, Rotation, FOV, Brightness, Contrast, Saturation, Sharpness, ScaleFree Cam Mode で移動 + attributes 調整
Dynamic GatesPosition, RotationGizmo
Gaussian SplatsPosition, Rotation, ScaleGizmo
MeshesPosition, Rotation, ScaleGizmo
Plane ImagesPosition, Rotation, ScaleGizmo
Plane VideosPosition, Rotation, ScaleGizmo
Sound EntityPosition, Rotation, VolumeGizmo
VibesPosition, RotationGizmo

2 Sequence を編集

Timeline Editor(Sequence Editor)を開きます。

3 Autoplay

有効にすると、この Animation が Intro Animation として使用されます。

4 高度な Animation 設定

Seamless In and Out

Camera への戻りをより滑らかにします。Intro Animations や Camera を使う Animation で特に有効です。

Loop

通常の Animations のみで利用可能です。Animation を連続再生します。

Reverse

Animation を逆再生します。

Trigger with Position

Space 内に trigger box を配置できます。Visitor がこの範囲に入ると Animation が再生されます。

Next Animation

複数の Animations を連結します。1つ目が終了すると次の Animation が自動で開始されます。

Cutscene Timeline Editor インターフェース

1 再生コントロール

このセクションでは Cutscene を preview・管理するための controls を提供します。シーケンスの再生/停止、Keyframes 間の移動、直接編集が可能です。

Playback the Intro

Intro シーケンスの再生を開始または一時停止します。

Previous Keyframe

Timeline の前の Keyframe に移動します。

Add Keyframe

現在の Frame 位置に新しい Keyframe を追加します。I でも素早く挿入できます。

Delete

現在選択中の Keyframe を削除します。選択中の Keyframe はオレンジ色でハイライトされます

Next Keyframe

Timeline の次の Keyframe に移動します。

2 Timeline 設定

このセクションでは一般的な Timeline 設定を構成できます。

Frame には現在位置の正確な Frame が表示されます。Speed で再生速度を調整できます。ドロップダウンでは Timeline を Frames または秒で定義するかを切り替えられます。

Render ボタンでは Cutscene を動画として export できます。クリック後は追加メニューが開き、format(WebM/MP4)、codec、FPS、bitrate を設定できます。

3 Entity プロパティ

白くハイライトされた property が現在の active track です。上部 controls を使って複数の properties を同時に調整し、animation できます。

上部パネルで値を変更すると、その property 用の Keyframe が Timeline に自動作成されます。

注意

先に対象 Keyframe を選択(赤い線を移動)してから値を変更してください。順序が逆だと、その Keyframe の Animation を上書きする可能性があります。

4 Timeline と Keyframes

ここは Frames が横方向に並ぶメインの Timeline エリアです。Keyframes は track 上に表示され、値の時間変化を定義します。Keyframes を移動・調整・削除して Animation を制御できます。

Timeline 上の現在位置は赤い縦線で表示されます。クリック&ドラッグで特定の Frame 範囲を選択することもできます。

Keyboard & Mouse Controls

  • または - 選択中の Keyframe を Frame 単位で移動
  • Shift + / - 前/次の Keyframe へ移動
  • Shift + Mouse: Drag Left/Right - Timeline を横方向に移動
  • Ctrl + Mouse: Scroll - Timeline をズームイン/ズームアウト
  • Backspace / Del - 選択中の Keyframe を削除
What is a Keyframe?

Keyframe は、値を設定する特定の時点です。

特定の Frame で property(position、rotation、brightness など)がどうあるべきかを定義します。Keyframes 間の Animation は自動補間されます。

シーケンスの Import と Export

File オプションを使うと、Animation 設定を保存して再利用できます。

  • Export: 現在の Timeline シーケンスをファイルとして保存します。backup として使うか、他の Spaces で再利用できます。
  • Import: 以前保存したシーケンスを Timeline に読み込みます。これにより、定義済み Animations を複数の Spaces ですばやく再利用できます。

このワークフローは、複数の Spaces で一貫した Intros や Animations を維持したい場合に特に有効です。