縦型配信（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/ ■ 同じシリーズ ・アニメーションオーバーレイ 6テーマ24画面セット（OBS対応・商用OK） ¥800 　https://panda-kaihatsu.booth.pm/items/8576720 ・配信画面スターターセット ¥1800 　https://panda-kaihatsu.booth.pm/items/8617253 ・動くコメント欄テーマ 全46色（ネオン/サイバー/かわいい/桜/ミニマル/ガラス/ダークアカデミア/和モダン/北欧） ¥1200 　https://panda-kaihatsu.booth.pm/items/8576737 ほかの商品はこちら https://panda-kaihatsu.booth.pm/