コラボ配信レイアウトジェネレーター｜OBS対応・透過マスク・16:9・2〜6人

コラボ配信のレイアウト、もう手動調整しなくてOK。

コラボ配信のたびに、OBSで枠のサイズや位置を手動で調整していませんか？

人数が変わるたびに全部やり直し......もうその作業、必要ありません。

人数を選んで、ボタンを押すだけ。

2〜6人対応のコラボ配信レイアウトが、ワンクリックで完成します。

◆ ツールの特徴

▼ 透過マスク機能

枠の内側が透明になるため、OBSで映像ソースを下に配置するだけで、枠からはみ出さないレイアウトが自動的に完成します。面倒なクロップ設定は不要です。

▼ 全フレーム16:9対応

すべての枠が16:9アスペクト比。カメラやVTubeStudioの映像をそのまま配置できます。

▼ 5種類のデザインテーマ

Gaming / Neon Glow / Pastel / Cyber / Minimal

配信の雰囲気に合わせてテーマを選べます。カラーも自由にカスタマイズ可能。

▼ 豊富なレイアウトパターン

横並び / グリッド / メイン+サブ（ワイプ）など、人数に応じた複数パターンを用意。メイン+サブでは上寄せ・下寄せの切替もできます。

▼ 名前＆SNS ID自動配置

参加者の名前とSNS IDを入力すれば、おしゃれなネームプレートが自動で配置されます。

▼ PNG出力 & HTML出力

・PNG: 透過対応の1920x1080画像（OBSの画像ソースとして使用）

・HTML: OBSブラウザソースにそのまま読み込み可能

▼ 完全オフライン・買い切り

ブラウザでHTMLファイルを開くだけ。ネット接続不要、月額課金なし。

◆ 使い方

1. index.htmlをブラウザで開く

2. 人数を選択（2〜6人）

3. 参加者名・SNS IDを入力（任意）

4. テーマ・カラー・レイアウトを選択

5. 「レイアウトを生成」→ PNG or HTML出力

6. OBSに配置して完成！

◆ 収録内容

・index.html（メインツール）

・README.md（使い方・OBS設定方法・利用規約）

◆ 対応環境

・Chrome / Firefox / Edge

・OBS Studio 28.0以降

・Windows / Mac / Linux

◆ 利用規約

・配信・動画・SNSでの使用OK（クレジット不要）

・ツール本体の再配布・転売は禁止

・AI不使用・手作りのHTML/CSS/JSツールです