Skip to main content
Participant
April 15, 2026
Question

GoogleEarthStudioで書き出した動画+jsxで道路等をシェイプで書いて追従させたい

  • April 15, 2026
  • 1 reply
  • 27 views

長くて申し訳ないのですが教えてください。

まず作りたい動画を書きます。

ドラレコ動画が始まる前に全体としてどういう道を辿ったのかを20秒程度で航空写真で説明しておくみたいな感じです。

GoogleEarthStudioで日本上空からスタート地点へ降下します。

1画面で収めるには高度が高すぎてわかりにくいので数画面を静止画>パスで道順をアニメーション>スクロール>静止画・・の流れで移動するようにします。

静止画にシェイプで道順を示す部分は特に問題ないので飛ばします。

その後3秒かけて次の静止画へ移動(この時に先程のパスも同時に移動したい)してまたシェイプで道の続きを・・という感じです。

ここまでが作りたい動画です。

静止画の後に3秒かけて次の静止地図までスクロールしている途中にパスを追従させる部分がうまくいきません。

最初は手動でキーを3秒中の1.5秒(真ん中)で打って位置を調整して・・とやっていたのですがキリがないので調べていた所、Geminiが下記の方法を教えてくれました。

 

GoogleEarthStudioでエクスポート時にトラックポイントデータ(jsx)を出力。

動画ファイル(mp4)とjsxを同じフォルダに置く。

AfterEffectsを起動して「ファイル」から「スクリプト」で「スクリプトを実行」

すると動画と一緒にGoogleEarthStudioで打っておいたトラックポイントのデータがNullとして読み込まれる。

最初は平面レイヤーを3D化して、その後マスクパスで線を引くやり方を教えてくれていたのですが静止部分から次の静止画像へスクロールする部分で平面を相当大きくしないといけない事になり下記のやり方を教えてくれました。

レイヤーを何も選択していない状態でパスを一つ以上打ってシェイプレイヤーを作成。

その後3Dレイヤーにチェックして同じ画面内にある近くのトラックポイント(Nullレイヤ)の位置データをコピーして先程のシェイプレイヤーに貼り付ける。

その後X回転を90度にしてから(レイヤーを平面側に寝かす意味と言ってました)最初からパスを書けば地図に張り付くのでいちいち手動でキーを打ってアニメーションを実現しなくても追従する・・と言われました。

 

試すと確かに動くのですがすごく大雑把に動いていて追従できてるとは言い難いです。

移動開始前

左端の方が開始地点ですが少しスクロールが始まると・・・

スクロール中

左端の開始地点がわかりやすいと思いますが正直ガッツリとズレてしまっています。

個人的にはトラックポイント自体は場所は変わってない気がするのですが、全体としてパス全体が縮んでいるように見えるので3Dの向きが地図に対して平面じゃない所にパスを書いてるのかと思いましたがそれをどうして良いかもわからず・・・・

 

長くなってしまい申し訳ないです。

昨日から今日一日あれこれやっても理解が進まず・・・

なにかヒントになるような情報をいただけませんでしょうか?

よろしくお願いいたします。

    1 reply

    sebon77Author
    Participant
    April 16, 2026

    自己解決・・・だと思う

     

    とりあえずやりたい事は解決できたので簡単にメモを残しておきます。

     

    スクリプトを実行してシェイプレイヤーを作るまでは同じです
    (パスのアンカーを一つ適当に打つ)

    そのシェイプレイヤーを3Dレイヤーに変換(ボックス二チェック)

    このシェイプレイヤーの「親とリンク」を近くのNullレイヤーを選択

    その後、シェイプレイヤーのトランスフォームを初期化。位置が基本位置にリセットされるので必ずすべて0にする。

     

    XYZの軸の向きに注意

    この時点でこの3Dレイヤーの3D軸が上にYが右にXが真上にZが向くように3Dレイヤーのトランスフォーム内のXYZ回転で調整します。このキャプチャで言うと左下の白(グレー?)丸が位置(0,0,0)で元の「親とリンク」のトラックポイントの場所と同じになってるはずです。

    一度やっておくと次から新しい3Dレイヤーはこの向きを覚えるみたいですので一度だけ苦労して向きを合わせてください。

    これで準備完了で、この状態でこのレイヤーにパスを書いていき(今回は道路のルートなのでただの線ですが図形でも何でもOKです)、その後動画が移動するとトラックポイントで位置を決めているので地図の移動に伴って描画したパス(今回はルート)もついていきます。

    質問した時点で最初から上がYの+方向で右がXの+方向と普通の3Dソフトと同じと気がつけば良かったのですがなんかトラックポイントに対しての向きとかいろいろ考えてしまって頭が混乱していました。

     

    とりあえず解決しましたがそもそもAfterEffectsを触り始めたばかりでほぼ知見が無いので他になにか良い案があるとか、もっとこうするとラクでは?とかの意見もお待ちしていますのでよろしくお願いいたします。