4407.jp ポータルに戻る アプリを開く ↗
モーショングラフィックス

Symbol Stream Generator

流れる記号・ベクター図形・オーバーレイテキストをブラウザ上で組み合わせるモーショングラフィックスツールです。

アプリ概要

Symbol Stream Generator は、テキスト文字や幾何学ベクター記号が規則的に流れる「ストリームレーン」を構築し、Webサイトの背景動画、MV、配信画面、サイネージ向けのスタイリッシュなアニメーションを生成できるWebツールです。

作成したモーション設定は URL や JSON として保存・共有でき、ブラウザ上で高品質な MP4 動画として直接書き出せます。

クイックスタート

STEP 1. レーン設定

列数、スクロール角度、移動速度、レーン幅を設定します。

STEP 2. 素材と配色

記号テキストまたは最大7種類のベクター図形とカラーパレットを選択。

STEP 3. 保存・書き出し

MP4動画のダウンロード、設定URLの発行、JSON書き出しが可能です。

主な機能と特徴

1. シンプル/詳細モード切替

直感的にすぐ使える「シンプルモード」と、回転・反転・位相ずらし・個別速度同期・グラデーション・ドロップシャドウまで極限まで追い込める「詳細モード」をワンクリックで切り替え可能です。

2. ベクター図形&テキスト入力

矢印、十字、サークル、ブロック、グリッド等のベクターアイコンに加え、任意の英数字・記号・カスタムフォントテキストを流すことができます。

3. オーバーレイテキスト&ブレンドモード

前景に大きなタイトル文字を重ねて、Difference(差分)などのCSSブレンドモードでハイエンドなタイポグラフィ演出を作成できます。

4. URL・JSON共有 & 動画エクスポート

現在のパラメータを1つのURLに圧縮して保存可能。チーム間でのデザイン共有や、後からの再編集が簡単に行えます。

技術仕様

描画エンジン: HTML5 Canvas API (高フレームレート最適化)
動画生成: MediaRecorder API / WebM & MP4 エンコード
状態管理: URL Hash / LZ-String 圧縮・JSON Import/Export
ホスティング: Firebase Hosting

データ通信とプライバシーについて

完全クライアントサイド(ブラウザ内完結)処理:
流れる記号の描画、アニメーション制御、カラー調整、JSON設定のエクスポート、および動画書き出しはすべてお使いの端末(ブラウザ)上で直接処理されます。

入力したテキストやカスタム設定データが外部サーバーへ送信・保存されることは一切ありません。