TOOL BOX｜手作業をツールにする

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