106.9K+ダウンロード
使い方ガイドへスキップ
Map Animation作者 iart-ai

Map Animation スキル。

統一した地図データから、地理ルート、カメラ移動、ラベルをアニメーション化します。

  • 地図
  • ルート
OpenDesignをダウンロード使い方ガイドを見る
ソースレビュー · map-animationSKILL.md
タスク 統一した地図データから、地理ルート、カメラ移動、ラベルをアニメーション化します。 成果物 Remotion プロジェクト、または Earth Studio/AE 手順による地理シーケンス。 始める前に 実座標、ルート順、正確なラベルを用意します。ベクター地図データ、または予定する Earth Studio 映像とトラッキング出力を提供し、地図ソースの利用許可を確認してください。
記事用の要約 · ソース確認日 2026-11-02 · 生成された例ではありません

01 機能概要

統一した地図データから、地理ルート、カメラ移動、ラベルをアニメーション化します

固定位置のピン、ルート表示、地域強調、確認済み地名ラベルを備えたベクター・衛星地図シーケンスを作成します。

ソースに基づくワークフロー実行ベンチマークではありません

作業の進め方

map-animation はカメラ移動、ピン、ルート、地域の強調、ラベルを伴う地理シーケンスを構築します。Google Earth Studio の衛星風カメラ映像を After Effects で合成する経路と、GeoJSON と共通地理投影からコードでベクター地図を描画する経路を提供します。

ベクター制作では、順序付き座標配列がカメラの目標とオーバーレイを一緒に制御します。ソースは滑らかな土台の上でグラフィックを段階的に更新するテンポも説明します。意図したコマ保持をフレーム落ちと混同しないよう、選んだフレームレートで確認する必要があります。

想定される成果物

  • Remotion プロジェクト、または Earth Studio/AE 手順による地理シーケンス。
  • 再利用可能な座標と演出ポイントのデータ構造。
  • 場所、ルート、ラベルを確認した地図映像。
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    地図ソースを選ぶ

    地形や建物には衛星経路、データ駆動の編集グラフィックにはベクター経路を使います。投影と出力形式を決めます。

  2. 02
    オーバーレイを地理に結び付ける

    同じ座標系でピンとルート点を投影するか、書き出したカメラトラッキングに結び付けます。画面が動いてもラベルを読めるようにします。

  3. 03
    地理と時間の正確さを検証する

    既知の場所、各ルート端点、強調対象を確認します。段階的なオーバーレイを使う場合は隣接フレームを比較してから全体をエンコードします。

02 利用場面

使いどころ

実座標、ルート順、正確なラベルを用意します。ベクター地図データ、または予定する Earth Studio 映像とトラッキング出力を提供し、地図ソースの利用許可を確認してください。

向いているケース

  • 物語が場所を移る1つのデータ配列で場所、ルート順、カメラ目標を連動させられます。
  • カメラ移動中も地図ラベルを読める必要があるソースは固定位置、水平ラベル、安全領域内の配置を明示的に確認します。

確認すべき制限

  • 地図ソースは別途確認選んだデータセットや画像提供元のアクセス、帰属表示、利用条件を確認する必要があります。
  • テンポはフレームレートに依存単純な2フレーム保持の例は 24 fps マスター用です。別レートには適切なサンプリングが必要で、そのまま流用できません。

用意する入力

  • 場所とルート実座標、順序付き立ち寄り地点、強調する地域の正確な名称を提供します。
  • 地図データGeoJSON/SVG、または予定する Earth Studio 映像とトラッキング出力を提供します。
  • 語りのタイミング保持時間、カメラ意図、ラベル、オーバーレイのコマ保持の希望を指定します。

03 重要な判断

重要な判断

  1. 共通の地理座標

    ピンとルートを同じ投影位置に結び付けます。

  2. 再現できる順序

    各オーバーレイを手でリタイミングせず、順序データの変更で別シーケンスを作れます。

  3. 焦点を絞った地図の読み取り

    地域の強調と遅れて出るラベルで、現在の地理的な見せ場へ注意を向けます。

04 依頼例

目的を絞った依頼文を試す

以下のサンプルブリーフはテストされていません。使用前にスキルのセットアップを確認してください。

ソースとセットアップを確認する

実座標、順序付き立ち寄り地点、強調する地域の正確な名称を提供します。

アップストリームのソースファイル
https://github.com/iart-ai/map-animation-skills/blob/390ca98bbcf2ea88a430a69c0dcbf423e43d075d/skills/map-animation/SKILL.md

以下の参照先から、提供元の手順を確認できます。利用前にリポジトリのセットアップ要件を確認してください。これはインストールコマンドではありません。

一つの成果物から始める

スキルを実行する前に、このブリーフの範囲、素材、制約を調整してください。

サンプルブリーフ
map-animation を使い、座標ファイルの3都市を通るルートを説明する12秒のベクター地図を作成してください。提供された GeoJSON を使い、正確なラベルを保ち、ズーム中もルート端点を固定してください。都市を1つずつ見せ、接続線を表示し、最後にルート全体を保持してください。24 fps で描画し、グラフィックを段階更新する場合は土台のカメラを滑らかにして隣接フレームを検証してください。出力前に既知の座標とすべての端点を確認してください。MP4、ソースプロジェクト、再利用可能な演出ポイントデータを納品してください。

結果を確認する

実際の出力を、次の観察可能な基準に照らして確認してください。

  • 既知の座標と各ルート端点を抜き取り確認する。
  • ラベルが水平で読め、フレーム内に収まるか確認する。
  • 指定のオーバーレイテンポと滑らかな土台の動きを隣接フレームで確認する。

OpenDesignは、コーディングエージェント向けのローカルデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

OpenDesignをダウンロードクイックスタートを読む

05 ソースとライセンス

ソースとライセンス

このページは、下記にリンクされた固定のソースリビジョンについて説明しています。アップストリームの挙動や要件は変更される可能性があります。

ソースの所有者
iart-ai
リポジトリ
iart-ai/map-animation-skills
スキルファイル
SKILL.md
ライセンス
MIT
確認したスナップショット
2026-11-02 · 390ca98bbcf2
編集部によるソース要約
統一した地図データから、地理ルート、カメラ移動、ラベルをアニメーション化します。

リンク先のソースに基づく、OpenDesignによるオリジナルの要約です。リポジトリのスター数は日付時点の人気の指標であり、スキルの利用状況や品質スコアではありません。

06 開始前の質問

始める前の質問

Google Earth Studio は必須ですか？

いいえ。ソースはコードで明快なベクター地図を描画する GeoJSON/SVG の別経路を提供します。

ズーム中にピンを固定するには？

ベクター経路は地理形状とオーバーレイに同じ投影・カメラ変換を使います。衛星経路は書き出したカメラとトラッキングデータを使います。

動画全体をコマ送り風にすべきですか？

ソースはグラフィックだけに様式化した段階更新を施し、土台の映像とカメラは滑らかに保ちます。結果はフレーム単位で検証します。

OpenDesign

依頼内容とデザイン作業を一つの場所に。

ブリーフ、ソース資料、デザイン作業をローカルワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

OpenDesignをダウンロードデザインスキルを見る
アップストリームのソースファイル
https://github.com/iart-ai/map-animation-skills/blob/390ca98bbcf2ea88a430a69c0dcbf423e43d075d/skills/map-animation/SKILL.md