立ち絵に合う色で、雑談・ゲーム・待機・離席・おわりをそろえられる、OBS用の動く配信画面セットです。 有料版は立ち絵の画像から配色候補を出し、5場面をまとめて色変更できます。無料版は雑談1場面・配色3パターン。わんコメとOBSの両方が必要です。 ■ 無料版と有料版 ・無料版（0円）：雑談の画面、色は3パターン（いちご・そらいろ・ミント）から、模様・形・枠・字体・文字（タイトル・名前・ハッシュタグ・アカウント・お知らせ）の変更、コメント欄。時計の下に小さく「無料版」と出ます。 ・有料版（700円）：上に加えて、ゲーム・待機・離席・おわりの画面、好きな色、立ち絵から色を選ぶ、立ち絵を画面に置く、待機のカウントダウン。「無料版」の印はありません。 ■ こんな人に ・既製品の配信画面が、自分の立ち絵の色と合わない ・色コードを書きかえたり、画像を作り直したりするのは大変 ・雑談・ゲーム・待機などの画面を、おそろいの色でそろえたい ■ できること ・色：3つの色から、文字の色まで読みやすい濃さに自動で合わせます（有料版は好きな色。無料版は3パターンから） ・立ち絵から色をえらぶ（有料版）：背景が透明なPNGがいちばん正確です。合わないときは自分で選べます ・立ち絵を画面に置く（有料版）：VTube Studio などで動くアバターを使う人は、置かずに色だけ使えます ・模様：ドット・ストライプ・方眼・チェック・無地／形：ほし・ハート・まる・なし／枠：まるい角・かくばった角、下の帯は なみ・まっすぐ／字体：4種 ・文字：配信タイトル・名前・ハッシュタグ・アカウント・お知らせ（長いと右から左へゆっくり流れます）。有料版は待機・離席・おわりの大きな文字も ・待機画面のカウントダウン（有料版）：はじめる時刻を入れると「はじまるまで 04:59」 ・ゆっくり動く（模様・形・お知らせ）。止めることもできます ・背景の模様を消して枠だけにもできます（自分の背景の上に重ねるとき） ・1920×1080。OBSのソースを1280×720にすると、同じ見た目のまま縮みます ・色・文字は「設定画面」で変え、その場で配信画面に届きます（設定画面はOBSの「カスタムブラウザドック」に入れて使います）。コードの書きかえは要りません ■ 5つの場面（ゲーム・待機・離席・おわりは有料版） ・雑談：コメント欄が左、立ち絵の場所が右、下に名前・ハッシュタグ・お知らせの帯 ・ゲーム：16:9のゲームの枠（中は透明。ゲームの画面をこのソースの下に置きます）、右にコメント欄と時計 ・待機・離席・おわり：大きな文字のカード（待機はカウントダウン、離席は時刻） ■ 入れ方（くわしくはZIPの中の guide.html） 1. わんコメの右上の「…」→「テンプレート」→ フォルダに＋のアイコン → ダウンロードしたZIPファイルを選ぶ 2. 「カスタム」に出た「色あわせ配信画面」の「↗（ブラウザで開く）」を押すと、OBSに入れるアドレスの案内が出ます。使う場面のアドレスをコピーし、OBSの「ソース」→「＋」→「ブラウザ」のURLに貼る（幅1920・高さ1080） 3. 案内の「②設定画面」のアドレスを、OBSの「ドック」→「カスタムブラウザドック」に貼って「適用」 4. 設定画面の上の帯が「OBSに映す画面がわんコメにつながっています」になれば準備完了。色・文字を変えると、その場で配信画面が変わります ※アバター（VTube Studioなど）はこの配信画面より上、ゲームの画面は下に置きます ■ うまく出ないとき ・何も出ない：わんコメが起動しているか、ブラウザソースのURLが http://localhost:11180/ から始まっているかを確かめてください ・設定画面で色を変えても変わらない：設定画面をふだんのブラウザではなく、OBSの「カスタムブラウザドック」で開いてください ・新しい版に入れかえたのに古い見た目のまま：OBSのブラウザソースをダブルクリック →「現在のページのキャッシュを更新」 ■ 動作を確かめた環境（2026年11月7日） ・Mac：わんコメ 9.1.6・OBS Studio 33.0.1。ブラウザソース3つ（雑談・場面なし・1280×720の待機）と、カスタムブラウザドックに設定画面を入れて、コメント欄にコメントが名前つきで出る／設定画面で色・場面・タイトル・立ち絵を変えると配信画面に届く／OBSを閉じて開き直しても設定が残る、を確かめました ・Windows：OBS 33.0.1（有料版）で、OBSを初めて開いた回に、配信画面の表示・コメント・設定画面での色の変更を確かめました。OBSを閉じて開き直したあとの設定画面と、無料版の設定画面は、まだ確かめていません（商品画像の「△ 一部まだ」はこのことです） ※コメントは、わんコメのコメントテスターで流して確かめました。本物の配信のコメント、withnyなど各配信サイトの実際のコメントでは、まだ確かめていません。 ■ 記録について 色・文字・立ち絵の設定は、あなたのパソコンのOBSの中だけに保存します。どこにも送りません。コメントは保存しません。 ■ 絵について 模様・枠・形は、すべてプログラム（HTML/CSS）で描いています。画像を作るAIは使っていません。 商品画像の立ち絵は見本用のフリー素材「19歳つくよみちゃん」です（Illustration by 夢前黎／つくよみちゃん公式イラスト素材 https://tyc.rei-yumesaki.net/material/illust/ ）。商品には入っていません。 ■ いっしょに使える（同じ店の、わんコメ用テンプレート） ・常連さん来場ノート（配信中に「おかえり◯回目」を出す）https://moko-note.booth.pm/items/9105246 ・常連さんエンドロール（配信の最後に、今日来た人の名前と回数を流す）https://moko-note.booth.pm/items/9112274 ・おはようカウンター（朝活のおはようを数える・◯回連続）https://moko-note.booth.pm/items/9112553 ■ 入っているもの ・テンプレート本体（わんコメに入れるZIP） ・入れ方の手順書（guide.html） ・わんコメ無しで試せる見本（demo.html） ■ 利用条件 ・個人配信・収益化配信で使えます ・再配布・転売は禁止 ・わんコメを無料で使う場合は、わんコメの決まりによるクレジット表記が必要です ・「わんコメ」は登録商標です。このテンプレートはわんコメ公式のものではありません ■ 補足（表示内容・動作確認） OBSに入れる配信画面です（雑談・ゲーム・待機・離席・おわりの5場面）。 色を3つ（ベース・メイン・アクセント）決めると、背景の模様・枠・帯・時計・コメント欄の色が全部そろって変わります。有料版は、自分の立ち絵の画像を入れると、髪や服の色から色の組み合わせを3つ出します。押すだけで、その色の配信画面になります。 コメント欄には、わんコメに届いたコメントがそのまま出ます（別のコメント用の素材は要りません）。 Macのわんコメ 9.1.6・OBS 33.0.1 で動作を確かめています（Windowsは「動作を確かめた環境」）。