# 🎭 SEAT MAP｜客席から声が届くコメント吹き出し **あなたの配信に、視聴者だけの小さな劇場を。** コメントした視聴者が客席に座り、自分の席からコメントを届ける、新感覚のコメント吹き出しテンプレート「SEAT MAP」です！ 新しい視聴者がコメントすると、空いている席にプロフィールアイコンが登場。 コメントはその人の席の真上に吹き出しとして表示され、席とコメントが線でつながります。 同じ視聴者が再びコメントすると、同じ席から新しい吹き出しが登場！ **「誰が来ているのか」「誰が話しているのか」が、客席を見るだけで分かる。** 視聴者との距離がぐっと近くなる、参加型のコメント演出です。 ## ✨ 主な特徴 ### 🎟️ ① 視聴者一人ひとりに専用の席！ 初めてコメントした視聴者は、空いている客席に自動で着席！ 席にはプロフィールアイコンが表示され、誰が座っているのかが一目で分かります。 - 視聴者ごとに席を自動割り当て - 同じ視聴者は同じ席からコメント - 発言中の席が光る特別演出 - プロフィール画像がない場合は名前の頭文字を表示 - 席とコメントを線で接続 コメントが届くたびに、配信画面の中に小さな劇場ができあがっていきます。 ### 💺 ② 常連さんには「いつもの席」！ 初期設定では、視聴者の名前から座席位置を自動計算！ 同じ視聴者は、次の配信でも同じ席に座りやすくなります。 「いつもの席に来た！」 そんな楽しみ方もできる仕組みです。 もちろん、「前列の中央から順番に座る」方式にも変更できます。 ※座席情報を配信間で保存する仕組みではありません。席が埋まっている場合や客席の設定を変更した場合は、別の席になることがあります。 ### 💬 ③ コメントが自分の席から飛び出す！ 視聴者がコメントすると、その席の真上に吹き出しが登場！ 新しいコメントは席に近い位置に表示され、古いコメントは重ならないよう上へ移動します。 - コメント同士が重ならないよう自動配置 - 新しいコメントを優先して表示 - 同じ視聴者の新しい発言で前の吹き出しを更新 - 画面内に収まらない古いコメントは自動で整理 - 席と吹き出しをつなぐ線はON/OFF可能 吹き出しを見れば、どの席の視聴者が話しているのかが直感的に分かります！ ### 🎭 ④ 最大48席の客席を自由に構成！ 客席の大きさや並び方を細かくカスタマイズできます。 - 客席の列数：1～3列 - 1列の席数：4～16席 - 最大48席まで対応 - 座席サイズ：36～110px - 座席同士の間隔を調整 - 空席を表示するかどうかを切り替え - 席番号の表示ON/OFF - 客席全体の左右位置を変更 少人数向けのアットホームな配信から、たくさんの視聴者が参加する配信まで対応！ 画面の横幅に収まらない場合は、客席全体が自動で縮小されます。 ### 🔄 ⑤ 満席になると席を自動で交代！ 客席が満席になった状態で新しい視聴者がコメントすると、最後に発言してから最も多くのコメントを受け取っている「静かな視聴者」が席を譲ります。 ※正確には、最後のコメントが最も古い視聴者から交代します。 さらに、席を譲りにくくする特別設定も搭載！ - 全員を同じ条件で扱う - メンバーの席を優先的に保護 - 配信者・モデレーター・メンバーの席を保護 常連さんを大切にしたい配信にもおすすめです。 ※時間が経過しただけで席が空くことはありません。 ### 🎨 ⑥ 8種類のカラーテーマ！ 配信の世界観に合わせて選べる8種類のテーマを収録！ - ❤️ ルージュ：赤い劇場のような華やかな配色 - 💙 ネイビー：落ち着いた上品な青系 - 💚 エメラルド：爽やかなグリーン系 - 💜 プラム：高級感のある紫系 - 🖤 モノトーン：シンプルな白黒デザイン - 🏜️ サンド：あたたかみのあるベージュ系 - 🌸 桜：やさしくかわいいピンク系 - 🌙 真夜中：暗い配信画面に合うダークカラー さらに、座席・吹き出し・本文・ユーザー名・発言中の光の5色を自由に設定できるカスタム配色にも対応！ 視聴者ごとにユーザー名の色を固定することもできます。 ### 👀 ⑦ 読みやすさにもこだわった吹き出し！ 吹き出しは不透明な背景を採用しているため、ゲーム画面の上に重ねても読みやすい設計です。 さらに、文字色と背景色のコントラスト比が4.5:1以上になるよう自動補正！ 長文コメントは初期設定で最大4行に省略されますが、行数の変更や省略なしの表示も可能です。 ### 👑 ⑧ スーパーチャット・役割バッジ対応！ 金額付きコメントは、金額に応じた6段階の色の枠で表示！ 金額も吹き出し内に表示できます。 さらに、配信者・モデレーター・メンバー・初コメントなどの役割バッジにも対応！ 配信者・モデレーター・メンバーの座席には、役割に応じた色の印を表示できます。 ※金額・役割・バッジ画像の表示は、配信サービスとわんコメから取得できる情報に依存します。 ### ⚙️ ⑨ 豊富なカスタマイズ機能！ - 客席の列数・席数・サイズ - 座席の割り当て方式 - 席を譲らない視聴者の条件 - 空席・席番号の表示 - 8種類のテーマ・カスタム配色 - 吹き出しの最大表示数（1～12件） - 吹き出しの幅・余白・角の丸み - コメントの最大行数 - 文字サイズ・フォント・文字の太さ - プロフィールアイコン・役割バッジ - 登場アニメーション・移動速度 - 客席全体の左右位置 表示中に常時動き続けるアニメーションはなく、コメントが届いたときに動く設計です。 ### 🖥️ ⑩ 専用デモ・設定画面付き！ ブラウザで開けるデモ・設定画面を同梱！ - 「8人が次々に発言」で着席演出を確認 - 「満席にする」で客席を埋める - 満席時の座席交代を確認 - スーパーチャット・役割バッジの表示確認 - 8種類のテーマを切り替え - 客席・文字・配色を自由に調整 - 設定ファイルの書き出し・読み込み 設定した内容は「config.js」として書き出し、配信用テンプレートに反映できます。 ## 🎮 こんな配信におすすめ！ - 💬 視聴者参加型の雑談配信 - 🎮 参加型ゲーム実況 - 🎤 歌枠・ライブ配信 - 🎭 劇場・舞台・映画館モチーフのVTuber配信 - ☕ 常連さんとの交流を大切にしたい配信 - 🎉 視聴者と一体感のある配信をしたい方 ## 📦 商品内容 - わんコメ用HTMLコメントテンプレート - わんコメ追加用ZIP - OBSデモ・設定画面 - カスタマイズ設定ファイル - 導入マニュアル - 設定ガイド - トラブルシューティング - 利用規約 ## ⚙️ 対応環境 - OBS Studio - わんコメ - Chrome / Edge（デモ・設定画面） HTML / CSS / JavaScriptによる演出です。 座席もCSSで描画しており、画像・動画・効果音素材は使用していません。 配信用テンプレートは背景透過仕様です。 ## 📝 導入方法 1. 商品ZIPをすべて展開します。 2. installフォルダ内のZIPをわんコメに追加します。 3. 追加したSEAT MAPをOBSへ読み込みます。 4. 付属デモ画面で客席・配色・文字などを調整します。 5. 書き出したconfig.jsを導入済みテンプレートへ反映します。 6. OBSを再読み込みして設定を適用します。 OBSのブラウザソースは1920×1080を基準としています。 詳しい手順は同梱マニュアルをご確認ください。 ## ⚠️ ご利用上の注意 ※席に座るのはコメントした視聴者のみです。視聴しているだけの方は表示されません。 ※客席は画面下部に表示され、配信画面の横幅を使用します。客席を画面上端に配置する機能はありません。 ※コメントや座席は時間経過だけでは削除されません。席は満席時の交代やクリア、再読み込みなどで空きます。吹き出しは表示上限や画面内の収まり方などに応じて整理されます。 ※座席情報は配信をまたいで保存されません。OBS再読み込み時に初期化されます。 ※同じ視聴者の判定には受信したユーザーIDを使用します。IDが取得できない場合は表示名で判定するため、同名の別人が同じ席になる場合があります。 ※席数を増やしすぎると画面幅に合わせて縮小され、文字も小さくなる場合があります。 ※絵文字・スタンプ・プロフィール画像の表示は、受信データや画像URLへのアクセス状況に依存します。 ※Chromium環境および模擬SDKで動作検証を行っていますが、実際のOBS・わんコメ・YouTubeでのコメント受信とZIP追加操作は未検証です。販売・配信前に実機での接続確認をお願いします。 ※購入者自身によるカスタマイズや収益化配信・動画での使用が可能です。元データ・改変データの再配布、再販売は禁止されています。 ※本商品は非公式のオリジナルテンプレートです。 --- **ひとりひとりに、ひとつの席。** **コメントが届くたび、あなたの配信に小さな劇場が生まれる。** SEAT MAPで、視聴者みんなが参加できる新しいコメント演出をお楽しみください！ 🎭