コンテンツにスキップ

アニメーション

アニメーションは、空間に配置したオブジェクト(GLB モデルなど)を動かす演出です。 重機が動く、扉が開く、案内役が歩く、といった見せ方を、来訪者が近づいたときや クリックしたときに再生できます。

1 つのアニメーションには次の要素を組み合わせられます。

  • 位置の軌跡 — 通過する点(位置キー)を置いて、オブジェクトを動かします
  • 向き(回転キー) — 時刻ごとの向きを指定します
  • モデル内アニメーション — GLB に内蔵されたアニメーション(歩く、羽ばたく など)を区間として並べます
  • 開始のきっかけ — 近づいたとき・クリックしたとき・タイムラインを開いたとき

編集は 3D ビューの上で直接行います。軌跡は線で、通過する点や再生位置は 3D 上のハンドルで表示され、 細かい時刻合わせが必要なときだけ画面下部にタイムラインを出します。

アニメーションを開く・追加する

Section titled “アニメーションを開く・追加する”
  1. オブジェクトパネルでオブジェクトを選び、登録データ(メッシュ)の詳細を開きます。

  2. 「アニメーション」の一覧で行を開くと、まずプレビューの状態で開きます。3D に軌跡が薄い線で表示され、上部の プレビュー再生 プレビュー再生で動きを確かめられます。

  3. 手を入れるときはフッターの編集を押します。新しく追加するときは、一覧の アニメーションを追加 を押すとそのまま編集に入ります。

  4. 編集を終えるときは保存、編集前に戻すときはキャンセルです。どちらも左下のピルと右パネルのフッターにあります。

プレビューの状態。軌跡が薄い線で出て、プレビュー再生で動きを確かめられます。動かすには「編集」を押します
編集中。3D 上のハンドルと左下のピルで操作し、右パネルで数値を直します
  • 位置 / 向き / クリップ — どの要素を扱うかを選びます。クリップは、GLB に内蔵アニメーションがあるときだけ選べます(無いモデルや GLB 以外の登録データでは押せず、理由が表示されます)。右パネルの一覧(見出しは「位置のキー · 3」のように種類と件数)と、次の追加ボタンがこれに従います。3D でも、選んだ種類のハンドルだけが押せて、他の種類は薄く表示されます。種類を切り替えると、それまでの選択は外れます ピルはアイコン表示です。押した直後だけ名前が横に出て、すぐアイコンに戻ります(ビューモードの切り替えと同じ動きです)
  • 追加 + 位置キー / + 向きキー / + クリップ — 選んでいる種類の要素を足します。位置キーは最後の点の 1 秒後に同じ場所へ(そのあと掴んで動かします)。向きキーは再生ヘッドの時刻に。クリップは名前を選んで再生ヘッドの時刻に入れます
  • クリックで置く クリックで置く(位置のとき)— 3D ビューをクリックした場所に位置キーを置くモード。ON の間はミニ再生バーの左端に「3D をクリックで位置キーを置く · Esc / 右クリックで終了」と出ます。続けて何点も置け、Esc か 右クリック(動かさずに離す)、または同じボタンで終了します。モードに入らなくても「+ 位置キー」で 1 点ずつ足せます
  • 一覧 一覧 / 再生の設定 再生の設定 — ピルから開くポップオーバー。右パネルと同じ内容です。一覧のボタンには件数が出て、要素を選んでいる間は「◆ 1.0 秒 ×」のように選択中の要素が出ます
  • 詳細 — ミニ再生バーの右端の 詳細 で、画面下部に時間軸を出します(後述)。時間軸の右下にある同じボタンで戻ります
  • ミニ再生バー — ピルの下の 1 行。再生 再生・一時停止、バーを押すとその時刻へ移動、 キー の目盛を左右にドラッグするとキーの時刻が変わります(0.05 秒刻み)。 バーで掴めるのも、ピルで選んでいる種類の要素だけです(他は薄く表示され、押すとその時刻へ移動します)。 クリップのときは帯を押すとそのクリップを選んで、そのまま平行移動できます。選んでいる帯は両端で伸縮。 重なった帯は上にある方が優先されます。右端のつまみでアニメーション全体の長さを変えます
  • 選んでいる間は 1 つだけ — 3D でもバーでも、要素を 1 つ選ぶと、同じ種類の他の要素は薄くなって押せなくなります(微調整中に隣を掴んで編集対象が移らないため)。 選んでいる間は、左下の「一覧」のピルに「◆ 1.0 秒 ×」のように選択中の要素が出ます。 解除の方法は計測と同じ考え方です: Esc(選択がある間は選択だけ外れ、サイドバーは閉じません)、右クリック(動かさずに離す。3D でもハンドルの上でも同じ。右ドラッグでカメラを動かしても外れません)、 3D の何も無いところをクリック(動かさずに離したときだけ)、一覧のピルの ×、右パネルの「戻る」、一覧で別の要素を選ぶ、種類の切り替え。ゲームパッドは B。 Esc / 右クリック / B は 一段ずつ 戻ります: 「クリックで置く」が ON ならまずそれが終わり、もう一度で選択が外れます。右クリックと B はそこで止まり、アニメーションの編集は続きます。Esc だけは、何も無ければ本体(サイドバーを閉じる)に渡ります。
項目内容
編集の仕方「簡易」(標準。3D と左下のピルで操作)と「詳細」(下部に時間軸を出して、時刻を細かく合わせる)の切り替え。ミニ再生バー右端の 詳細 でも切り替えられます。前回の選択を記憶します
位置のキー / 向きのキー / クリップ(· 件数)ピルで選んだ種類の一覧。見出しが選んだ種類と件数に変わります。押すと選択して、その時刻へ移動します
選択中の項目選んだ要素の数値(時刻、移動量、向き、クリップの区間など)
再生の設定アニメーション全体の設定(後述)
ハンドル押す掴んで動かす
◆ 位置キー選択位置が変わります。カーソルの下の面に吸い付き、面が無いところでは掴んだ高さのまま動きます。選択中はギズモも出るので、軸に沿って正確に動かせます
📍 再生ヘッド—線に沿って再生位置を動かします(プレビュー用。データは変わりません)
⚑ クリップの端選択線に沿って動かすと、モデル内アニメーションの開始 / 終了の時刻が変わります
▲ 向きキー選択(水平のリングが出ます)線に沿って動かすと、その向きが効く時刻が変わります。向きそのものはリングを回して直します

線の何も無いところを押すと、その時刻へ再生ヘッドが移動します。線からも外れた何も無いところをクリック(動かさずに離す)すると、選択が外れます。ドラッグでカメラを回しても外れません。

先頭の点はオブジェクトの配置位置そのもので、動かせません。2 つ目以降の点を置くと、その間を通る軌跡ができます。

  • 点を置く — 3D で配置 を有効にして 3D ビューをクリックします。面をクリックすればその面の上に、 面が無いところをクリックすれば最後の点と同じ高さに置かれます
  • 動かす — 3D の ◆ を掴んで動かすか、ギズモか、右パネルの数値で直します
  • 時刻を変える — ミニ再生バーの キー を左右にドラッグ、または「時刻(秒)」に入力します
  • 詳細を編集する — 点を選ぶと「選択中の項目」に次の項目が出ます
項目内容
時刻(秒)この点を通過する時刻
配置位置からの移動(m)配置位置を基準にした X / Y / Z の移動量
到着 / 出発この点への到着とここからの出発を「通常」か「ゆっくり」にする
次の点までの動き「直線」か「カーブ」。カーブは「カーブの強さ」で膨らみを調整

ピルで向きを選び、追加 を押すと、再生ヘッドの時刻に向きキー(3D では ▲)が入ります。 配置したときの向きを基準に、時刻ごとの相対的な向きを指定します。

  • 向きを変える — 3D の水平のリングを掴んで回すか、「向き(度)」に入力します
  • 時刻を変える — ▲ を線に沿って動かす、ミニ再生バーの目盛をドラッグ、または「時刻(秒)」に入力します
  • 前後・左右の傾きまで指定したいときは、「編集の仕方」を詳細にすると 3 軸のリングと「動き方」の指定が出ます

GLB に内蔵されたアニメーション(クリップ)を、時刻の区間として並べます。 ピルでクリップを選び、追加 からクリップ名を選ぶと、再生ヘッドの位置に クリップの長さぶんの区間が入ります。

項目内容
クリップモデルに内蔵されているアニメーションから選ぶ
開始 / 終了(秒)区間。3D の ⚑ を線に沿って動かす、ミニ再生バーの帯を掴んで移動・両端で伸縮、または数値で直します
ループ再生区間の中でクリップを繰り返す
再生速度1 が等速

区間を重ねると、重なった部分で前後のクリップがなめらかに切り替わります(重ねた幅がそのまま切り替え時間になります)。 モデルに内蔵アニメーションが無い場合は、追加ボタンを押すとその旨が表示されます。

タイムラインで細かく編集する

Section titled “タイムラインで細かく編集する”

「編集の仕方」で詳細を選ぶ(またはミニ再生バー右端の 詳細 を押す)と、画面下部に時間軸が開きます。位置キー・向きキー・クリップの帯が 時刻順に並び、キーの左右ドラッグ、帯の移動と伸縮、ズームバーでの拡大縮小ができます。 3D 上のハンドルはそのまま使えます。

詳細。下部の時間軸で時刻を細かく合わせたいときに使います
  • 上端の掴み手で面の大きさを切り替えられます(最小 = 操作行だけ / 標準 / 拡張 = 詳細と設定も面の中)
  • 右パネルを閉じているときやスマートフォンでは、拡張表示で編集します

右パネルの「再生の設定」(ピルの 再生の設定 でも同じ)に、アニメーション全体の項目があります。

項目内容
名前一覧に表示される名前
長さ(秒)アニメーション全体の長さ。ミニ再生バーの右端のつまみでも変えられます
終了後「先頭に戻る」「終点に留まる」「ループ」
軌跡を閉じる終点から先頭へ繋いで、ループ用の閉じた軌跡にする
進行方向を向く軌跡の進行方向へ自動的に向く。モデルが逆や横を向く場合は「向きの調整(度)」で補正(逆向きは 180)
開始のきっかけ「近づいたら」「クリックしたら」「このタイムラインを開いたら」

「近づいたら」を選ぶと、オブジェクトから各方向に何 m 以内で発火するかを指定できます。 編集中は判定の範囲が 3D ビューに枠で表示されます。

  • プレビューの状態では、右パネル上部のプレビュー再生で確かめられます
  • 編集中は、ミニ再生バーの 再生 で保存前でもそのまま再生できます
  • 一覧の各行にある 再生 は、開かずに再生します
  • 表示していないタイムラインに属する登録データは再生できません。タイムラインを切り替えてから確認してください

保存したアニメーションは公開ビューアでも動きます。

  • 近づいたら — 来訪者のカメラが判定の範囲に入ると再生します。範囲の外に出てまた入ると再び再生します
  • クリックしたら — オブジェクト本体をクリックすると再生します。アノテーションやコメントのマーカーが重なっている場合はそちらが優先されます
  • このタイムラインを開いたら — そのタイムラインに切り替えたときに再生します

タイムラインを切り替えると、再生中のアニメーションは止まり先頭に戻ります。