OBSなどの配信画面に、目標までのバーを表示するツールです。 「100人いくまで終われません」のような耐久配信や企画配信で、バーが伸びていく様子と達成率（%）を見せたいときにお使いください。 数字は配信者が手で動かします。ブラウザで開くだけで動き、外部には送られません。 コメントやゲームとは連動しません。 バー1種類・目標1つで足りる方は、無料版もあります。https://mall-aibou.booth.pm/items/8980736 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 現在値と目標は、配信者がボタンや入力で手で動かす数字です。 パーセントは、現在値÷目標の小数点以下を切り捨てた値です。 OBSでは、ブラウザソースで「ローカルファイル」にこのHTMLを指定して使います。数字の操作は、ソースを右クリックして「インタラクト」から行います。 OBSでの表示は、お手元の環境でご確認ください。 色が変わる位置は、達成率の目安です。 ━━━━━━━━━━━━━━━━━━━━ 既存のツールとの違い ━━━━━━━━━━━━━━━━━━━━ マスを埋めていく耐久パネルや、体力が減っていくHPゲージとは別に、「目標に向かってバーが伸びていく」見せ方に絞ったツールです。 バーのデザイン、達成率に応じた色の変化、目標を達成したときの演出を選べます。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ バーのデザイン4種類（ベーシック / ブロック / ストライプ / ネオン） ◆ 達成率の目安でバーの色が段階的に変わる（はじめ / 中盤 / 終盤 / 達成後。色と切り替わる位置を変えられます） ◆ 目標を最大5つまで設定（名前も付けられます）。バーの下に目標の印が出ます ◆ 目標を達成したときの演出（バーの光、「達成！」の文字、紙吹雪）。オフにもできます ◆ 増えたときにバーの上を光が走る演出（オフにもできます） ◆ +1 / -1 / +5 / -5 / +10 / -10、数値を入れて反映、0に戻す ◆ 数字の表示内容（現在値と目標とパーセント / 現在値だけ / パーセントだけ / あと◯）、書体4種、大きさ3段階、縁取りの切り替え ◆ 「次の目標まであと◯」の行の表示/非表示 ◆ 設定と現在値の自動保存（そのブラウザ、そのOBSのソースの中） ◆ 見出しの変更、背景の透明への切り替え、操作パネルを隠す表示 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. endurance-meter-bar.html をダブルクリックしてブラウザで開く（OBSでは、ブラウザソースの「ローカルファイル」でこのHTMLを選ぶ） 2. 「目標」の欄に数字を入れ、ボタンや数値入力で現在値を動かす（OBSでは、ソースを右クリックして「インタラクト」） 3. 背景を透明にして「表示だけにする」を押すと、パネルが隠れてバーだけが残ります ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版、OBSのブラウザソース ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・ゲームや配信サービスとの連動、コメントの取得はできません ・目標は5つまで、数値は0から999999までの整数です ・達成の演出は、数字を増やしたときに出ます（読み込み直したときは出ません） ■ 使ってよい範囲 　個人・法人を問わず、配信や制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　endurance-meter-bar.html ／ README.txt TOOL BOX