【OBSに置くだけ】縦型配信の目標達成ゲージ 全8テーマ｜コメント/スパチャ自動加算・1080×1920【商用可】

縦型配信（1080×1920）のための目標達成ゲージです📱

「フォロワー1,000人チャレンジ」「スパチャ目標まであといくら」のような目標企画は縦型配信と相性が良いのに、横型（16:9）向けの目標バーを縦画面に置くと、横幅に合わせて縮んで文字が読めなくなります。この商品は最初から縦画面の横幅で設計しているので、画面の上（または下）に大きく出せます！

■ 数値の更新は2通り

・手動更新 … config.js の数字をメモ帳で書き換えて保存するだけ。コメント連動を使わない配信サイトでも確実に使えます

・コメントで加算 … 配信者とモデレーターだけが使える「!add 5」「!set 500」コマンドで動かせます。スパチャ／ビッツの金額をそのまま自動加算するモードもあります（金額目標のときに）

コメントやスパチャで増えた分はブラウザに保存されるので、OBSを再起動しても消えません。ゼロに戻したいときは、URLの末尾に ?reset を付けて一度読み込むだけです。

■ 演出✨

・加算があった瞬間の「+5」ポップ表示

・100%達成で紙ふぶきのお祝い演出（オフにもできます）

・画像・音声ファイルは一切使っていません。すべてCSS/JS描画です

■ 全4テーマ

・ナイトブルー（濃紺×水色・暗い画面の配信に）

・サンセット（こげ茶×オレンジ・あたたかい印象に）

・ミント（白×緑・明るい画面の配信に）

・プラム（濃紫×ピンク・夜の雑談に）

■ 変えられるところ

・見出し・目標値・いまの数値・単位（人／円／pt など自由）

・置く場所（画面の上／下）・大きさ倍率（0.6〜1.8）

・達成率（%）の表示・非表示

・テーマ4色（config.js または URL末尾の ?theme= で切替）

■ 導入（3ステップ・1分）

1. zipを展開して、フォルダごと好きな場所に置きます

2. OBSで「ソース」→「＋」→「ブラウザ」を追加し、「ローカルファイル」にチェックを入れて view.html を選びます

　※幅を1080・高さを1920にしてください（ここが一番大事です！）

3. config.js をメモ帳などで開いて、見出しと目標を書き換えます

■ 買う前に動きを確認できます

view.html を直接ブラウザで開き、URLの末尾に ?demo を足すと、ゲージが自動で伸びて100%到達の紙ふぶきまで確認できます。

■ 対応について（正直に書きます）

・わんコメ：起動していれば自動でつながります（設定不要）。対応サイトは YouTube / Twitch / ツイキャス / SHOWROOM / bilibili / ミクチャ / ニコ生 / Kick / ふわっち など

・Twitch：わんコメが無くても、URL末尾に ?twitch=チャンネル名 を付けるだけで直結できます（アカウント連携不要・ビッツ自動加算対応）

・TikTok LIVE：わんコメが対応していないため、コメント加算は使えません。config.js を書き換える手動更新でお使いください（ゲージの表示そのものは、どの配信サイトでもそのまま使えます）

■ 動作確認

OBS 30.x（Windows・macOS）／わんコメ 5.x

外部サーバーへの通信はありません（Twitch連動を使う場合のみ、Twitchのチャットサーバーに読み取り専用で接続します）。アカウント登録も不要です。

■ ライセンス

個人・法人を問わず配信での使用は自由です（商用可）。改変も自由です。

ファイルそのものの再配布・販売はご遠慮ください。

■ うまく動かないとき

OBSのブラウザソースが真っ白になるときの確認手順をまとめています。

https://panda-hq-7af784ab.pages.dev/guide/standalone-widget-not-showing

同じ縦型シリーズの「アラート」「いま何してる表示」「コメント欄テーマ」「情報バー」もあります。

ほかの商品はこちら

https://panda-kaihatsu.booth.pm/

■ 同じシリーズ

・アニメーションオーバーレイ 8テーマ32画面セット（OBS対応・商用OK） ¥800

　https://panda-kaihatsu.booth.pm/items/8576720

・配信画面スターターセット ¥1,200

　https://panda-kaihatsu.booth.pm/items/8617253

・動くコメント欄テーマ 全46色（ネオン/サイバー/かわいい/桜/ミニマル/ガラス/ダークアカデミア/和モダン/北欧） ¥1,500

　https://panda-kaihatsu.booth.pm/items/8576737

ほかの商品はこちら

https://panda-kaihatsu.booth.pm/