852wa/JIZURA

选用指南

AI 根据 README 整理 · 2026/10/14 13:31:33

适用场景

想为歌词自动生成文字PV分镜并导出MP4，或需要绿幕/黑幕合成素材、AE可编辑构成数据时使用。

查看 README 依据

英語版 AE パネル：[ScriptUI](https://852wa.github.io/JIZURA/JIZURA_AE_en.jsx) · [CEP](https://852wa.github.io/JIZURA/JIZURA_CEP_en.zip) 歌詞を入れると、文字PV（リリックモーション）でよく使われる表現を組み合わせてカットを自動で組み立て、MP4 に書き出すブラウザアプリです。レイアウト・動き・装飾・つなぎ・仕上げを 860 の小さな部品（と 27 のスタイル）として持ち、その組み合わせを毎回変えるので、シードを変えれば何度でも別の構成になります。After Effects 用のパネル（スクリプト版と、ブラウザ版の画面をそのまま使える CEP 版）も付属しています。 **バージョン：v0.9.0**（変更の記録は [CHANGELOG.md](CHANGELOG.md)）

- MP4（曲入り）・連番PNG・透過PNG で書き出し。背景を**グリーンバック / ブラックバック**（白い文字と演出だけ）にして、合成用の素材としても書き出せます。After Effects で編集できる構成データ（JSON）も書き出せます。 | ファイル | 中身 | |---|---| | `index.html` | ブラウザ版の本体（ビルド済み・1ファイル）。GitHub Pages ではこれが開きます。ダウンロードしてローカルで開いても使えます | | `JIZURA_AE.jsx` | After Effects 用のパネル・スクリプト版（ビルド済み） | | `JIZURA_CEP.zip` | After Effects 用のパネル・CEP 版（ビルド済み。展開してインストール用のファイルを実行） | | `src/` `app/` | ブラウザ版のソース（エンジン・表現パック・UI） | | `ae/` | AE パネルの生成エンジンのソース | | `cep/` | CEP 版パネルの外枠（manifest・AE との橋渡し・インストール用ファイル） | | `docs/EXPRESSION_PACKS.md` | 表現部品（パック）を追加する人向けのガイド | <details> <summary><h3>動作環境</h3></summary>

使用方式

可直接在浏览器打开使用，无需安装；也可下载index.html本地打开，或使用After Effects面板（脚本版/CEP版）。

查看 README 依据

**▶ ブラウザで使う：<https://852wa.github.io/JIZURA/>**　／　AE パネル：[JIZURA_AE.jsx](https://852wa.github.io/JIZURA/JIZURA_AE.jsx)（スクリプト版。リンク先を右クリック →「名前を付けてリンク先を保存」）・[JIZURA_CEP.zip](https://852wa.github.io/JIZURA/JIZURA_CEP.zip)（CEP 版） - インストール不要。歌詞・曲・書き出しはすべてブラウザの中で処理され、サーバーには送信されません（外部から読み込むのは Google Fonts のフォントだけで、今の構成で使う書体だけを読み込みます）。 - おまかせボタン（キー `R`）で、押すたびにスタイル・雰囲気・動き・配色・構成がまるごと変わります。 - 画面比 16:9 / 9:16 / 4:3 / 3:4 / 1:1 / 4:5 / 21:9、720p〜4K、24 / 30 / 60fps。 - 曲を読み込むと拍を検出してカットを合わせます。タップでの手動同期もできます。

- MP4（曲入り）・連番PNG・透過PNG で書き出し。背景を**グリーンバック / ブラックバック**（白い文字と演出だけ）にして、合成用の素材としても書き出せます。After Effects で編集できる構成データ（JSON）も書き出せます。 | ファイル | 中身 | |---|---| | `index.html` | ブラウザ版の本体（ビルド済み・1ファイル）。GitHub Pages ではこれが開きます。ダウンロードしてローカルで開いても使えます | | `JIZURA_AE.jsx` | After Effects 用のパネル・スクリプト版（ビルド済み） | | `JIZURA_CEP.zip` | After Effects 用のパネル・CEP 版（ビルド済み。展開してインストール用のファイルを実行） | | `src/` `app/` | ブラウザ版のソース（エンジン・表現パック・UI） | | `ae/` | AE パネルの生成エンジンのソース | | `cep/` | CEP 版パネルの外枠（manifest・AE との橋渡し・インストール用ファイル） | | `docs/EXPRESSION_PACKS.md` | 表現部品（パック）を追加する人向けのガイド | <details> <summary><h3>動作環境</h3></summary>

部署要求

MP4导出需支持WebCodecs的浏览器（推荐Chrome/Edge）；不支持时仍可用预览与连番PNG导出。字体从Google Fonts按需加载，离线时用本机字体替代。

查看 README 依据

- **MP4 書き出し**：WebCodecs に対応したブラウザ（Chrome / Edge 推奨。Safari 16.4 以降・Firefox 130 以降も WebCodecs に対応していますが、H.264 で書き出せるかはブラウザと OS によります）。対応していない環境でも、プレビューと連番PNG書き出しは使えます。 - スマホでも使えます（iPhone は iOS 16.4 以降の Safari、Android は Chrome）。長い曲を高い解像度で書き出すときは PC をおすすめします。 - フォントは Google Fonts から、使う書体だけを必要なときに読み込みます（オフラインのときは PC のフォントで代用）。 </details> <details> <summary><h2>利用について（出力物の権利とライセンス）</h2></summary> - このツールで作った**動画や画像（出力物）の権利は、作った人に帰属します**。商用・非商用を問わず自由に使えます。 - 使った歌詞や曲の権利は、それぞれの権利者に帰属します。 - ツール本体は MIT ライセンスで公開しています。詳しくは [LICENSE](LICENSE) を見てください。 - 入力した歌詞や曲は、ブラウザの中だけで処理され、サーバーには送信されません。

已知限制

AE面板在模拟AE对象模型的环境中验证，尚未在实机AE上运行；部件多的分镜图层与表达式较多，长曲生成与预览可能耗时。

查看 README 依据

- 背景をグリーンバック / ブラックバックにした場合は、`JZ Vignette` の代わりに最上段へ `JZ Key Mono`（色合いで単色化する調整レイヤー）が入り、グリーンバックではさらに `JZ Key Green`（描画モード：スクリーン）が入ります。 </details> <details> <summary><h3>注意</h3></summary> - AE 2020 以降、エクスプレッションエンジンは JavaScript（新規プロジェクトの既定）を想定しています。 - このパネルは、AE のオブジェクトモデルを模した環境で検証しています。707 部品それぞれを複数の文字数・画面比で組み立ててエラーがないこと、全スタイル × 複数シードのおまかせ生成でエラーがないこと、ブラウザ版の同じ構成と見比べて見た目と動きが揃っていることを確認しています。ただし実機の AE ではまだ動かしていません。エフェクトの設定などで想定外のことがあった場合は、生成後にその項目を一覧で表示し、他の部分の生成は続けます。 - 部品の多いカットはレイヤーとエクスプレッションが多くなります。長い曲では生成とプレビューに時間がかかることがあります（プレビューの解像度を 1/2〜1/4 にすると軽くなります）。 </details> </details> <details>