HPやテンション、メンタルに見立てたバーを自由に増減できるテンプレートです！ ====================================================== HP、テンション、メンタルにも？！なんでもメーター for わんコメ ====================================================== 配信画面に、HP・テンション・メンタルなどに見立てたバーを出すテンプレートです。 ドックのボタンやバーで、自由に増やしたり減らしたりできます。毒・自動回復・上限突破・0で暗転つき。 さらに、わんコメとつなげると、コメント・スパチャ・メンバー・高評価・同接でも 自動で動かせます！（わんコメを使わずに、単体で使うこともできます＝下の【単体で使うとき】） 【操作について（はじめにお読みください）】 ・設定などの操作は、すべてOBSの「対話」ウィンドウの上で行います。 ・「対話」ウィンドウの出し方 　　OBSで、追加したソースを右クリック →「対話」を選びます。 　　開いたウィンドウの上で右クリックをすばやく2回すると、設定パネルが開きます。 ・OBSの都合で、「対話」ウィンドウの中で打てる文字は英数字（半角）だけです。 　日本語を入れたいときは、メモ帳など別の場所で打ってからコピーして、 　入力欄に貼り付け〈Ctrl+V〉てください。 　（下の「操作のドック」の「設定」なら、日本語をそのまま打てます） ・ソースの大きさ（とくに高さ）を大きくしておくと、設定パネルが広く出て 　設定しやすくなります（おすすめ：幅1920 / 高さ1080）。 ・Chromeなど別のブラウザで開いて設定しても、OBSには反映されません。 【機能】 ・メーターは4本まで（HP とテンションを同時に、など）。1本ごとに名前・形・色・きっかけを持ちます ・形を選べます（横長のバー／格ゲー風／RPGの窓／マス／半円の針／円（輪）／縦のバー） ・自分の画像でメーターを作れます（同梱の下絵と同じ大きさで描いて入れる） ・操作のドック（OBS のカスタムブラウザドック） 　　バーをつかんで動かす・ホイール・増やし続ける／減らし続ける・－／＋（量は3つまで変えられる） 　　数を入れて増やす／減らす・満タン・0にする・1つ戻す・毒・自動回復・復活・自動を止める ・自動で動くきっかけ（1本につき8つまで） 　　コメント1件ごと／言葉を含むコメント／スパチャ（100円ごと・1回ごと）／メンバー加入・ギフト 　　高評価が増えた／同接が増えた・減った／OBS のマイクの音量が決めた大きさを超えた 　　どうする＝減らす・増やす・毒にする・自動回復にする・毒と自動回復を治す ・毒（一定の時間ごとに減り続ける）・自動回復（増え続ける） ・上限突破＝突き抜ける（枠の外へそのまま伸びる）／重ねる（最大ごとに別の色の本が重なる） ・ピンチの色（残り50%で黄・25%で赤。割合と色は変えられる） ・0になったら暗転（文字つき・回復すると解ける）・だんだん画面が暗くなる ・瀕死のとき画面のふちが光る・画面にフィルターをかける ・演出（遅れて減る白・揺れ・赤く光る・数が飛ぶ・伸びた所の光）と効果音（自分の音にも替えられる） ・ゲージに画像を付けられます（1本に2枚まで。ゲージと一緒に動く・位置と大きさは自由） ・配信画面の物は、つかんで動かせます（設定パネルを閉じていても動かせます） 　　画面の端やまんなか、ほかのメーターに、吸いつくようにそろいます 　　つかんでいる間にマウスのホイールを回すと、大きさが変わります ・値は保存されます（OBS やわんコメを閉じても続きから） ・テスト用のボタンつき（設定パネルの下の帯。どのタブからでも押せます。本番と同じ道すじで動きます） ・設定のバックアップ・引き継ぎ（テキストで出して、貼って読み込む） 【必要なもの】 ・OBS Studio ・わんコメ（OneComme）＝わんコメに入れて使うとき（コメント・スパチャ・メンバー・高評価・同接で動かすときに必要です） 　単体で使うときは要りません ・YouTube Live 向けに作られています。 　他のプラットフォームでの動作は検証していません。 ・音量のきっかけを使うときだけ：OBS の WebSocket サーバー（OBS 28 以降に入っています） 【インストール方法】 1. ダウンロードしたZIPファイルを、そのまま わんコメの「テンプレート」画面にドラッグ＆ドロップします。 2. テンプレート一覧に追加されたら、OBSのソースとして追加します。 （ブラウザソース推奨サイズ：幅1920 / 高さ1080。画面全体を暗くする機能があるので、 　画面いっぱいの大きさで、ほかのソースより上に置いてください） ※ OBSの画面に何も出ないときは、わんコメを起動してから、 　 OBSでソースを右クリック →「更新」を押してください。 3. OBSで、追加したソースを右クリック →「対話」を選びます。 4. 開いたウィンドウの上で、右クリックをすばやく2回すると設定パネルが開きます。 【操作のドックの入れ方】 メーターを動かすボタンと、日本語を打てる設定が入ったドックです。 1. 設定パネルの「かんたん設定」→「操作のドック」→「リンクをコピー」を押します。 （URL は http://localhost:11180/templates/custom/<このテンプレートのフォルダ名>/dock.html です。 　単体で使うときは http://absolute/… で始まる URL になります） 2. OBS の上のメニュー「ドック」→「カスタムブラウザドック」を開きます。 3. 名前（例：なんでもメーター）と、1 の URL を入れて「適用」を押します。 ・ドックの上の「操作」＝メーターを動かすボタン／「設定」＝設定パネルと同じ中身です。 ・ドックで動かすには、配信画面（このテンプレートのブラウザソース）が OBS に入っている必要があります。 ・メーターが2本以上のときは、ドックの上でどのメーターを動かすかを選びます。 ・バーの目盛りは、名前の横の －／＋ で最大1つ分ずつ足し引きします（上限突破させたいとき）。 【単体で使うとき（わんコメを使わない）】 わんコメを使わずに、OBS だけで使うこともできます。 1. ダウンロードしたZIPファイルを展開して、フォルダを好きな場所に置きます。 2. OBS の「ソース」の＋ →「ブラウザ」を選び、「ローカルファイル」にチェックを入れて、 「参照」でフォルダの中の「単体で使う.html」を選びます（幅1920 / 高さ1080）。 3. 設定パネルの開き方・操作のドックの入れ方は、わんコメで使うときと同じです （ドックのリンクも「かんたん設定」→「操作のドック」→「リンクをコピー」で取れます）。 ・設定パネルとドックの上に「わんコメ未接続（単体で使用中）」と出ます。 ・使えるもの＝メーター・ドックでの操作・毒・自動回復・上限突破・暗転・瀕死・演出・効果音・ 　自分の画像・OBS の音量のきっかけ ・使えないもの＝コメント・言葉・スパチャ・メンバー・高評価・同接のきっかけ 　（わんコメに導入して使用すると使えるようになります） ・単体とわんコメとでは、設定の保存場所が別です。設定を写すときは、 　「設定のバックアップ・引き継ぎ」（「その他」タブ）を使ってください。 【かんたんな使い方】 1. 「かんたん設定」で、メーターの数・名前・形・最大値を決めます。 2. 「操作のドック」を OBS に入れて、ボタンやバーで動かしてみます。 3. 「きっかけ」タブで、コメントなどで動くようにします。 　　はじめは「回復」を含むコメントで＋10、「攻撃」を含むコメントで－5 が入っています。 4. 0 になったときの暗転や、瀕死のときのふちは「上限と0（暗転・瀕死）」で変えられます。 【設定パネル】 ■ かんたん設定 ・メーターの数（1〜4本） ・メーターごとの 名前・形・最大値 ・操作のドック … ドックのリンク（リンクをコピー）と入れ方 ■ メーター（上の「設定するメーター」で1本を選んでから変えます） ・見た目 … 形（見本の絵から選ぶ）／描いた形・自分の画像／配色／中身の色／枠の色／影／つや／減る向き 　　自分の画像のとき … 枠の画像（前）・中身の画像・空の部分の画像（後ろ）・突破中の中身（重ねる）・針の画像（半円の針だけ） 　　　　　　　　　　　 名前の字を出す・数字を出す ・数字と文字 … 名前／名前を出す／数字（72 / 100・72%・出さない）／数字の位置／書体／書体の名前を入れる／ 　　　　　　　 字の大きさ／字の色／色分け（数字だけ別の色）／数字の色 ・位置と大きさ … よこの位置 X／たての位置 Y／画面のまんなかに置く／大きさ／スナップ／マス目にそろえる ・画像を付ける（ゲージと一緒に動く） … 画像（2枚まで）／出す／大きさ／ゲージからの位置／ゲージの前・後ろ ・毒と自動回復 … 何秒ごと・減る量／増える量・続く時間・毒の色 ・上限と0（暗転・瀕死） … 最大値／最大を超えたとき（突き抜ける・重ねる）／突き抜けたときの色・重ねる色／ 　　　　　　　　　　　　 ピンチの色／0になったら暗転（長さ・文字）／だんだん画面を暗く／瀕死のふち・フィルター ・演出と音 … 減ったとき・増えたときの演出（見るボタンつき）／効果音（きっかけごとに ON・音・自分の音・音量・試す） ・見た目の設定を触ると、配信画面にその状態の見本が少しの間出ます（値は変わりません） ■ きっかけ（上で1本を選んでから変えます） ・きっかけ（自動で動かす） … きっかけ・どうする・量（8つまで） ・数え方の決まり … 同じ人の連続を数えない間隔／配信者本人のコメントも数える ■ OBSの音量 ・OBS の音量を使う／ポート／パスワード／音のソース／いまの音量 ■ テスト（設定パネルの下の帯） ・減らす・増やす（上の「設定するメーター」で選んでいるメーター）／コメント／言葉入り／スパチャ／メンバー／高評価／同接／音量／テスト前に戻す ■ その他 ・設定のバックアップ・引き継ぎ … 設定をテキストで書き出す／読み込む ・この設定パネル … パネルの位置と大きさを最初に戻す／買ったときの状態に戻す（全部） 【自分の画像でメーターを作るとき】 ・テンプレートのフォルダの中の img に、形ごとの下絵（guide_bar.png など）が入っています。 ・画像は全部、下絵と同じ大きさで作ります（同じ縦横の比なら、2倍・3倍で描いてもかまいません）。 ・中身の画像は、値に合わせて見える所が変わります（伸び縮みはしません）。 ・画像をまだ入れていない間は、下絵が薄く出ます。 【音量のきっかけを使うとき】 1. OBS の上のメニュー「ツール」→「WebSocket サーバー設定」で 「WebSocket サーバーを有効にする」をONにします。 2. 「接続情報を表示」でポートとパスワードを見て、設定パネルの「OBSの音量」タブに入れます。 3. 「OBS の音量を使う」をONにして、「音のソース」でマイクを選びます。 4. 「きっかけ」タブで「音量（OBS）」の行を足して、「超えたら」の大きさを決めます。 「いまの音量」の黒い線が、その大きさです。 ・「パスワードの確認ができない開き方です」と出てつながらないときは、ブラウザソースの URL を 　http://localhost:11180/templates/custom/<このテンプレートのフォルダ名>/index.html にして入れ直してください。 【更新履歴】 Ver.1 … 公開 【注意事項】 ・OBSのブラウザソースでは、日本語を直接入力できません（OBSの仕様です）。 　メモ帳などで打ってから、コピーして貼り付けてください（操作のドックの「設定」なら打てます）。 ・効果音を配信に乗せるときは、OBS でこのブラウザソースの「OBSで音声を制御する」をONにしてください。 ・高評価・同接のきっかけは、わんコメが受け取っている配信の情報（高評価の数・同接）を読んで動きます。 　わんコメで配信につないでいるときだけ動きます。 ・わんコメを無料でお使いの場合は、配信の概要欄などに わんコメのクレジットが必要です。 ・わんコメ、OBS、YouTube の仕様変更により、動作しなくなることがあります。 【ライセンス・利用規約】 同梱の「利用規約.txt」をご覧ください。 【不具合について】 不具合を見つけたときは、BOOTHの連絡機能からお知らせください。 【その他】 ほしい機能のご要望もお待ちしています。 ====================================================== 作者：望月シュン X ：https://x.com/mochi_love_V YouTube ：https://www.youtube.com/@mochi_love_V BOOTH ：https://mochizuki-happy.booth.pm/ ======================================================