Repolode
投稿する
blixvip

blixvip/NullMotion

完成したモーショングラフィックス広告を白黒のラフ案と同期再生し、分解表示を1本のMP4として書き出せるローカルブラウザツール。

代替できる製品:After Effects

GitHub で見る公式サイト
スター
1,348
フォーク
134
未解決の Issue
13
最終コミット
7 日前

これは何？

Null Motionは、モーショングラフィックス広告の制作過程を確認するためのローカルプレビュー用ツールです。画面上部に完成映像が幅いっぱいに再生され、その下には各セクションに対応するシンプルなHyperFramesのラフ案が表示されます。白黒で、Arialの文字、ベタ塗りの図形、簡単な動きだけで構成されています。ラフ案の上を再生ヘッドが進み、画面に表示中のセクションのラフ案が映像のフレームに合わせて動き、オレンジ色の枠で強調されます。

Node.js 22+で動作し、実行時の依存関係はありません。npm startを実行すると、127.0.0.1:4343のページで同梱のリファレンス映像3本を再生できます。Downloadメニューからは、映像の音声付きで、幅1920ピクセル、24 MbpsのMP4としてプレビュー全体を書き出せます。WebCodecsとrequestVideoFrameCallbackを利用するため、書き出しにはChromeまたはEdgeが必要です。フレームはリアルタイムではなく半分の速度でレンダリングされるため、フレームが欠落しません。

FFmpegとffprobeを使うPythonスクリプトで独自のリファレンス動画を取り込み、各セクションのビートをJSONファイルに記述できます。AI生成や、字幕やポーズカットなどのホステッド機能は含まれておらず、これらは別の製品の機能です。

主な機能

  • 01完成した広告を、各セクションに同期した白黒のHyperFramesラフ案とともに再生する。
  • 02映像にフレーム単位で追従し、現在のセクションのラフ案を強調表示する。
  • 03分解表示全体を、音声付きの幅1920ピクセル、24 MbpsのMP4として書き出す。
  • 04Node.js 22+でローカル実行でき、依存関係やAPIキーは不要。
  • 05独自のリファレンス動画を取り込み、FFmpegでシーンカットを検出する。

ユースケース

  • プロ品質のモーショングラフィックス広告が、セクションごとにどう構成されているかを学ぶ。
  • 完成映像の横にラフ案を並べて、モーションのコンセプトを提案する。
  • 完成した広告とラフ案を比較できる、共有用の動画を書き出す。
  • モーションデザインのプロジェクト用に、独自のリファレンス動画を分解する。

収録されている特集

AI 動画・音声ツール

トピック

#motion-design#motion-graphics#video#animation#gsap#webcodecs#ffmpeg#creative-coding#after-effects-alternative#ai-video

よくある質問

NullMotion とは？
完成したモーショングラフィックス広告を白黒のラフ案と同期再生し、分解表示を1本のMP4として書き出せるローカルブラウザツール。 Null Motionは、モーショングラフィックス広告の制作過程を確認するためのローカルプレビュー用ツールです。画面上部に完成映像が幅いっぱいに再生され、その下には各セクションに対応するシンプルなHyperFramesのラフ案が表示されます。白黒で、Arialの文字、ベタ塗りの図形、簡単な動きだけで構成されています。ラフ案の上を再生ヘッドが進み、画面に表示中のセクションのラフ案が映像のフレームに合わせて動き、オレンジ色の枠で強調されます。
NullMotion は無料で使えますか？ライセンスは？
NullMotion は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
NullMotion は今もメンテナンスされていますか？
活発にメンテナンス中。NullMotion の最終コミットは 2026年10月31日 です。
NullMotion は何に使えますか？
プロ品質のモーショングラフィックス広告が、セクションごとにどう構成されているかを学ぶ。 完成映像の横にラフ案を並べて、モーションのコンセプトを提案する。 完成した広告とラフ案を比較できる、共有用の動画を書き出す。 モーションデザインのプロジェクト用に、独自のリファレンス動画を分解する。
NullMotion はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/blixvip/NullMotion

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト