アプリに戻る 利用規約

取扱説明書 / 使い方ガイド

Grid Motion Generator は、グリッド交点上で図形と直線が滑らかに連鎖・展開する幾何学モーショングラフィックスを自動生成・カスタマイズし、高品質動画(MP4 / WebM)として保存できるツールです。

クイックスタート (簡単3ステップ)

STEP 1. 再生と確認

画面下の ▶ / ⏸ ボタンでアニメーションの再生・一時停止をいつでも切り替えられます。

STEP 2. パラメータ調整

サイドパネルのスライダーやトグルスイッチを操作して、グリッド数・回転・スピード・色を自在に変更できます。

STEP 3. MP4 / WebM 保存

形式を選び「録画」を押すと、作成したモーションを即座に高画質動画ファイルとしてダウンロードできます。

1. キャンバス & グリッド設定

  • 解像度 (正方形): キャンバスの解像度サイズ(300px 〜 1200px)を変更できます。高解像度での録画・動画書き出しが可能です。
  • グリッド配置: 2×2マス 〜 49×49マス まで選択可能。2×2マスの超ミニマル構成から緻密な複雑グリッドまで瞬時に切り替えられます。
  • ガイド点サイズ: 格子点ドットの大きさを設定できます。0px に設定するとガイド点が消え、背景のみのミニマルなアニメーションになります。

2. 連鎖 & 発生制御

  • 自然発生率 (Seed Rate): 新しい記号が自然に発生する確率。大きくすると画面全体が賑やかになります。
  • 直線の接続率 & 折れ線曲がり数: 図形から直線が伸びて次の図形へ連鎖する確率、および途中でカクカク折れ曲がるノード数を調整できます。
  • 最大同時ノード数: 画面上に同時に存在できる連鎖ノードの最大上限数。
  • 重なり頻度: 図形や直線が同じ座標で交差する頻度。0 に設定すると交差が完全に防止され、図形同士が綺麗に避けて配置されます。

3. 回転スピンアニメーション

  • 回転発生率: 図形が出現・消滅する際にスピン回転する確率 (0% 〜 100%)。
  • 回転最小/最大角度: 45°刻み(45°, 90°, 135°, 180°, 360°)でランダムな角度および正負の方向へ幾何学的に回転スピンします。

4. カラーパレット & スピード

  • カラーカスタマイズ: 背景色、ガイド点色、メイン色、アクセント色のカラーピッカーを完備。ダークモードやペールトーンなど自由自在です。
  • アクセント色率: メインカラーの中にインパクトのあるアクセントカラー(例: 赤)が選ばれる確率。
  • 移動スピード倍率: 数字が大きいほど直線が一瞬で伸びる高速演出になり、小さいほどゆったりと流れる演出になります。

5. 出現図形の個別トグル選択

コントロールパネルのトグルスイッチを使って、出現させたい図形のみを厳選できます:

・円(枠線/塗/二重/点入り)
・四角(枠線/塗/二重/点入り)
・三角(枠線/塗/二重/点入り)
・逆三角(枠線/塗/二重/点入り)

6. MP4 / WebM 動画の保存 & 商用利用

  • MP4 (.mp4) エクスポート: Firebase Cloud Functions (FFmpeg) による全自動高品質 H.264/AAC エンコード。スマホ、After Effects、Premiere、SNS投稿用に最適です。
  • データ安全(非保存): 録画時の MP4 エンコードデータはサーバーの一時メモリ上で処理され、即座に自動消去されます。
  • 商用利用OK: 作成された動画や画像は、YouTube動画素材、MV、広告、WEBデザイン、SNS投稿等において商用・非商用を問わず完全自由かつクレジット不要でご利用いただけます。
© 2026 4407.jp. All rights reserved. アプリを起動する