kamitool > ツール一覧 > 目標カウンター

目標カウンター(登録者数・耐久回数などの目標までの数)

OBSのブラウザソース用|無料・登録不要|入力内容は外に送りません

「登録者100人まであと何人」「耐久100回まであと何回」のように、目標までの数を画面に出しておくカウンターです。数を足す操作は、キーボードか、画面の中のボタンです。数は保存されるので、配信をまたいで続けられます。

上の枠で、「+1」「−1」のボタンや、キーボードの ↑ ↓ を使って、数を動かせます。目標に届くと、文字と色が変わります。

OBSのブラウザソースに入れるURL
https://kamitool.com/tools/goal/app.html

OBSの「ソース」で+を押し、「ブラウザ」を選んで、このURLを貼ります。数を足すときは、OBSでソースを右クリックして「操作」を開き、画面の「+1」を押します。

OBSの中での動作は、実機での確認が済んでいない部分があります。表示が違うときは、お問い合わせからお知らせください。

画面に出る内容

上から、タイトル(初めは「チャンネル登録」)、「今の数 / 目標」(初めは「0 / 100」)、その下に「あと 100」が出ます。そのほかに、押して増減する「−1」「+1」のボタンが出ます。タイトル、今の数、目標、1回で増える数、色、大きさ(24〜160、初めは64)は、設定パネルで変えられます。「あと◯」とボタンの表示は、オンとオフを選べます。

1回で増える数(ステップ)

初めは、1回押すと1増えます。「1回で増える数」を変えると、画面のボタンも、キーも、1回で動く量がその数になります。たとえば、10ずつ数えたいなら、10にします。耐久配信で1回ずつ数えるなら、1のままで使います。キーは、↑と「+」が足す方向、↓と「−」が引く方向です。数字は0より小さくなりません。

目標に届いたときの動き

今の数が目標以上になると、「あと◯」の場所が、「目標達成!ありがとう!」の文に変わります。同時に、バーなどの差し色が、水色(#8ecae6)に切り替わり、数字が、ぽんと弾むように動きます。目標を超えても、数は止まらず増え続けます。目標以上のあいだは、「あと◯」の場所に、達成の文が出続けます。バーは、100%以上には伸びません。

数が残るしくみと、URLの関係

今の数は、ブラウザの保存領域に書き込まれます。次に開いたときは、保存された数から始まります。ここに、少し分かりにくい決まりがあります。

OBSで、別のブラウザのつもりで開いた画面は、保存先が別になることがあります。配信を始める前に、OBSの画面の数が、思っていた数になっているかを、確かめてください。

数を足す方法は2通り

数を足す操作は、2通りあります。OBSで、ソースを右クリックして「操作」を開き、画面のボタンを押す方法と、キーボードの ↑ ↓ を使う方法です。キーは、ページの中で受け取る作りなので、そのページが、キーボードの入力を受け取れる状態(OBSの「操作」の画面や、ふだんのブラウザで開いたページ)でないと、反応しません。ゲームの画面でキーを押しても、数は動きません。

できないこと

目標の決め方の例

目標を超えても、数は増えますか?

増えます。目標以上のあいだは、「あと◯」の場所に、達成の文が、出続けます。バーは、100%以上には、伸びません。

数字を、あとから直したいです。

設定パネルの「今の数」の欄を、書き換えると、その数になります。OBSの「操作」の中で、設定パネルを出すには、URLの末尾に#editが必要です。ふだんのブラウザで直した数は、OBSの中には反映されません。

ボタンを、画面に出したくありません。

設定パネルの「操作ボタンを出す」の、チェックを外してください。キーボードの ↑ ↓ で、数えられます。

1回で、10ずつ増やせますか?

「1回で増える数」を、10にすると、ボタンも、キーも、1回で10ずつ動きます。

配信の前に確かめること

動作の細かい点

目標に届いた瞬間に、今の数字が、約0.7秒、弾むように動きます。そのあと、バーなどの差し色が、水色(#8ecae6)に変わり、「あと◯」の場所に、達成の文が出ます。目標に届いたままの状態で、数字を減らして、目標より下に戻すと、「あと◯」の表示と、元の色に戻ります。

設定パネルでコピーしたURLには、今の数が含まれません。URLを、別の環境(別のパソコン、別のOBS)に、持っていっても、今の数は、ついてきません。引き継ぎたいときは、設定パネルの「今の数」の欄に、数字を、手で入れ直します。

ほかのツールとの組み合わせ

数を足す操作が、1回の動作で済むときは、目標カウンターだけで足ります。複数の数を、同時に数えたいときは、マルチカウンターが、向いています。たとえば、登録者の目標は、目標カウンター、ゲームのデス数は、プレイ中バナーに、任せる分け方が、あります。

無料版の初めの値と、変えられる範囲

項目初めの値無料版では
タイトルチャンネル登録書き換えられる
今の数0変えられる
目標100変えられる
1回で増える数1変えられる
「あと◯」の表示オンオンオフを選べる
操作ボタンオンオンオフを選べる
差し色オレンジ(#f4a261)変えられる
文字の大きさ64(24〜160)変えられる
見せ方バー変えられない
達成したときの文目標達成!ありがとう!変えられない
置く場所左上変えられない

目標の置き方で、見え方が変わる

目標の数は、大きすぎても、小さすぎても、見え方が、変わります。大きすぎると、バーが、なかなか進まず、達成までの距離が、遠く感じられます。小さすぎると、すぐに達成して、次の目標を、決める必要が、出ます。いまの数の、少し上に、手の届く目標を置くと、「あと◯」の数字が、励みになります。

達成したあとは、次の目標を、決め直します。設定パネルで、目標の数と、タイトルを、書き換えれば、そのまま、次の目標に、移れます。達成の文は、無料版では、決まったままですが、タイトルを、変えることで、何の目標かを、伝えられます。

見せ方4種(バー・ドット・リング・数字だけ)、達成したときの文と色、縁取り、影、フォント、置く場所は、有料版で変えられます。

BOOTHで有料版を見る(300円)

この無料版は、このページのままご利用いただけます。有料版は、運営者が別に配布しているものです。

あわせて使われるツール

ツールの内容や使える範囲については、免責事項もご覧ください。