コメントした人が集まって集合写真を撮れるわんコメテンプレートです！ ====================================================== 最後にみんなで記念撮影！コメント集合写真！ for わんコメ ====================================================== 配信の最後に、コメントしてくれた人と集合写真を撮るテンプレートです。 「集合！」を押すと、コメントした人がアイコンつきで画面のはしから集まってきて、 あなたの映る範囲を避けて、左右にバランスよく並びます。 「撮影」を押すと「はいチーズ！」の合図のあと、写真を保存できます。 【操作について（はじめにお読みください）】 ・設定などの操作は、すべてOBSの「対話」ウィンドウの上で行います。 ・「対話」ウィンドウの出し方 　　OBSで、追加したソースを右クリック →「対話」を選びます。 　　開いたウィンドウの上で右クリックをすばやく2回すると、設定パネルが開きます。 ・OBSの都合で、「対話」ウィンドウの中で打てる文字は英数字（半角）だけです。 　日本語を入れたいときは、メモ帳など別の場所で打ってからコピーして、 　入力欄に貼り付け〈Ctrl+V〉てください。 　（下の「操作のドック」の「設定」なら、日本語をそのまま打てます） ・ソースの大きさ（とくに高さ）を大きくしておくと、設定パネルが広く出て 　設定しやすくなります（おすすめ：幅1920 / 高さ1080）。 ・Chromeなど別のブラウザで開いて設定しても、OBSには反映されません。 ・OBS Studio は最新版にしてお使いください。 【機能】 ・出す人を選べます 　　募集した人＝「募集開始」から「募集終了」までにコメントした人 　　この配信でコメントした人みんな＝わんコメに今入っているコメントの人 　　スパチャ・ギフトの人だけ＝スーパーチャット／スーパーステッカー／メンバー加入／ 　　　メンバーシップギフト／ジュエル・ほかのギフト から、入れるものを選べます ・見た目を選べます 　　プリセット（同梱の宇宙人の絵・ヘルメットの中にアイコン・色は人ごとに変わる）／アイコンだけ／好きな画像 　　好きな画像は何個でも足せて、集まる人ごとにランダムに決まります 　　画像ごとに、アイコンを入れる場所と大きさ・ポーズ（20まで）の絵を決められます 　　（img フォルダの「好きな画像の下絵.png」に、はじめの設定のアイコンの場所が描いてあります） ・集まり方を選べます（だんだん＝はしから寄ってきて、だんだんゆっくり止まる／一定＝同じ速さで歩いてくる）。どちらも速さを変えられます ・あなたの映る範囲を決めておくと、そこを避けて並びます 　　設定パネルを開いている間だけ、配信画面に点線の四角が出ます。つかんで動かし、右下の角で大きさを変えます 　　（操作のドックでこの設定を開いている間も点線が出ます。触らないまま15秒たつと消えます） 　　画面のまんなか・3分の1・はし・下に吸い付きます ・人数に合わせて大きさが自動で変わります（3000人まで） ・名前を出せます（入らない長い名前は、その人だけ字を小さくして全部出します。人数が多くて1人が小さいときは隠れます） ・集まっている人がコメントすると、ポーズを変えます（ランダム／ポーズごとに言葉を決める） 　　プリセットは同梱の絵がはじめから入っていて、自分の画像で入れ替え・足すこともできます（20まで） 　　ポーズごとに、アイコンの場所と大きさ・ランダムに選ぶかを決められます 　　続ける時間は秒数か「ずっと（次のポーズまで）」 ・撮影の合図（はいチーズ！だけ／3・2・1 → はいチーズ！／光るだけ）。合図の言葉・字の大きさ・位置も変えられます ・シャッターの音（はじめはOFF・自分の音にも替えられます） ・写真の保存（OBS の録画フォルダに PNG で保存。合図の字と光は写りません） ・欠席の人（集まれなかった人の画像を、右上か左上に丸い枠で出す・何人でも） ・操作のドック（OBS のカスタムブラウザドック）＝配信画面に映さずに、募集・集合・撮影の操作も設定もできます ・テスト用のボタンつき（設定パネルの下の帯。どのタブからでも押せます。本番と同じ道すじで動きます） ・設定パネルを開いている間は、見本の人と合図の字がその場で出ます（パネルを閉じると消えます） ・設定のバックアップ・引き継ぎ（テキストで出して、貼って読み込む） 【必要なもの】 ・OBS Studio ・わんコメ（OneComme） ・YouTube Live 向けに作られています。 　他のプラットフォームでの動作は検証していません。 ・写真を保存するときだけ：OBS の WebSocket サーバー（OBS 28 以降に入っています） 【インストール方法】 1. ダウンロードしたZIPファイルを、そのまま わんコメの「テンプレート」画面にドラッグ＆ドロップします。 2. テンプレート一覧に追加されたら、OBSのソースとして追加します。 （ブラウザソース推奨サイズ：幅1920 / 高さ1080。画面いっぱいの大きさで、 　あなた（立ち絵・カメラ）より上に置いてください） ※ OBSの画面に何も出ないときは、わんコメを起動してから、 　 OBSでソースを右クリック →「更新」を押してください。 3. OBSで、追加したソースを右クリック →「対話」を選びます。 4. 開いたウィンドウの上で、右クリックをすばやく2回すると設定パネルが開きます。 【設定パネルの開き方】 1. OBSで、このソースを右クリック →「対話」を選びます。 2. 開いたウィンドウの上で、右クリックをすばやく2回します。 3. 閉じるときは、右上の「✕」か、キーボードの Esc を押します。 ・はじめて追加したときだけ、設定パネルが開いた状態で始まります。 ・パネルは上の帯をつかんで動かせます。右下の角で大きさを変えられます。 ・パネルの文字の大きさは、上の「文字 － ＋」で変えられます。 ・消す・戻す系のボタンは、1回目で「もう一度押すと実行」に変わります。 　もう一度押すと実行、5秒たつと元に戻ります。 【操作のドックの入れ方】 募集・集合・撮影のボタンと、日本語を打てる設定が入ったドックです。 1. 設定パネルの「かんたん設定」→「操作のドック」→「リンクをコピー」を押します。 （URL は http://localhost:11180/templates/custom/<このテンプレートのフォルダ名>/dock.html です） 2. OBS の上のメニュー「ドック」→「カスタムブラウザドック」を開きます。 3. 名前（例：集合写真）と、1 の URL を入れて「適用」を押します。 ・ドックの上の「操作」＝募集・集合・撮影のボタン／「設定」＝設定パネルと同じ中身です。 ・ドックで動かすには、配信画面（このテンプレートのブラウザソース）が OBS に入っている必要があります。 【使い方（集合写真を撮るまで）】 1. 「出す人」を選びます（はじめは「この配信でコメントした人みんな」）。 「募集した人」のときは、ドックの「募集開始」を押して、締め切るときに「募集終了」を押します。 2. 「集合！」を押すと、出す人が画面のはしから集まって並びます。 並んだあとにコメントした人も、あとから入ってきます。 3. 「撮影」を押すと、合図のあと写真を保存します（保存しない設定にもできます）。 4. 「解散」を押すと、みんな画面のはしへ帰っていきます。 ・配信者本人のコメントは入りません（真ん中にいるのは配信者です）。 ・同じ人は何回コメントしても1人です。 ・Bot（自動でコメントするアカウント）も、コメントしていれば1人として入ります。 ・絵文字だけのコメントでも入ります。ポーズの言葉には、絵文字も使えます（YouTube の絵文字は名前の字で照らし合わせます）。 ・集まる人は配信をまたいで残りません。わんコメのコメントを消したあと、OBSでソースを右クリック →「更新」すると、 　集まる人も消えます（ドックの「集まった人を空にする」でも外せます）。 【写真の保存について】 ・OBS が今のシーンを撮って、OBS の「録画フォルダ」（設定 → 出力 → 録画ファイルのパス）に 　「集合写真_日付_時刻.png」で保存します。合図の字と白い光は写りません。 ・使うには、OBS の上のメニュー「ツール」→「WebSocket サーバー設定」で 　「WebSocket サーバーを有効にする」を ON にしてください。 　「認証を有効にする」が ON のときは、「接続情報を表示」のパスワードを、 　設定パネルの「見た目と合図」→「写真の保存」に入れてください。 ・保存できたかどうかは、ドックと設定パネルに出ます。 【書体について】 ・撮影の合図の字は、はじめは「Mochiy Pop One」（無料の書体）で出ます。 ・書体はこのソフトに入っていません。PC に入っていない書体は、ほかの書体で出ます。 　入れるとき＝Google Fonts で書体名を検索 →「Get font」→「Download all」→ 　中のフォントファイルを右クリック →「インストール」→ OBS を起動し直す。 ・けいふぉんと・07あかずきんポップは Google Fonts に無いので、それぞれの配布サイトから入れてください。 ・ほかの書体は「見た目と合図」→「撮影の合図」で選べます（名前を入れることもできます）。 【設定のバックアップ・引き継ぎについて】 設定は自動で保存されるため、通常は何もしなくても引き継がれます。 バージョンアップ版に入れ替えたときも、設定はそのまま引き継がれます。 ただし、次のような場合は設定が引き継がれません。バックアップをおすすめします。 ・PCのIPアドレスが変わったとき（わんコメのURLが変わるため） ・別のPCに移すとき ・OBSやブラウザのキャッシュを削除したとき バックアップのしかた（入れた画像・集まった人・OBS のパスワードは入りません） 1. 設定パネルの「その他」→「設定のバックアップ・引き継ぎ」→「書き出す」を押します。 2. 出てきたテキストを全部コピーして、メモ帳などに貼って保存します。 3. 戻すときは、保存したテキストを欄に貼り付けて「読み込む」を押します （1回目で「もう一度押すと実行」に変わるので、もう一度押します）。 【更新履歴】 Ver.1 … 公開 【注意事項】 ・OBSのブラウザソースでは、日本語を直接入力できません（OBSの仕様です）。 　メモ帳などで打ってから、コピーして貼り付けてください（操作のドックの「設定」なら打てます）。 ・シャッターの音を配信に乗せるときは、OBS でこのブラウザソースの「OBSで音声を制御する」をONにしてください。 ・わんコメを無料でお使いの場合は、配信の概要欄などに わんコメのクレジットが必要です。 ・わんコメ、OBS、YouTube の仕様変更により、動作しなくなることがあります。 【ライセンス・利用規約】 同梱の「利用規約.txt」をご覧ください。 プリセットの宇宙人の絵＝Kenney「New Platformer Pack」（CC0）。licenses フォルダに Kenney_License.txt を入れています。 【不具合について】 不具合を見つけたときは、BOOTHの連絡機能からお知らせください。 【その他】 ほしい機能のご要望もお待ちしています。 ====================================================== 作者：望月シュン X ：https://x.com/mochi_love_V YouTube ：https://www.youtube.com/@mochi_love_V BOOTH ：https://mochizuki-happy.booth.pm/ ======================================================