目標カウンター(登録者数・耐久回数などの目標までの数)
OBSのブラウザソース用|無料・登録不要|入力内容は外に送りません
「登録者100人まであと何人」「耐久100回まであと何回」のように、目標までの数を画面に出しておくカウンターです。数を足す操作は、キーボードか、画面の中のボタンです。数は保存されるので、配信をまたいで続けられます。
上の枠で、「+1」「−1」のボタンや、キーボードの ↑ ↓ を使って、数を動かせます。目標に届くと、文字と色が変わります。
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の関係
今の数は、ブラウザの保存領域に書き込まれます。次に開いたときは、保存された数から始まります。ここに、少し分かりにくい決まりがあります。
- 設定パネルでコピーしたURLには、今の数は含まれません。数は、保存されている側を使います
- URLの末尾に、自分で「cur=50」のように書くと、そのときだけ、保存された数ではなく、その数から始まります
- 「今の数を0に戻す」で、数だけ0になります。「初期設定に戻す」で、保存と設定のすべてが消えます
OBSで、別のブラウザのつもりで開いた画面は、保存先が別になることがあります。配信を始める前に、OBSの画面の数が、思っていた数になっているかを、確かめてください。
数を足す方法は2通り
数を足す操作は、2通りあります。OBSで、ソースを右クリックして「操作」を開き、画面のボタンを押す方法と、キーボードの ↑ ↓ を使う方法です。キーは、ページの中で受け取る作りなので、そのページが、キーボードの入力を受け取れる状態(OBSの「操作」の画面や、ふだんのブラウザで開いたページ)でないと、反応しません。ゲームの画面でキーを押しても、数は動きません。
できないこと
- 登録者数を、自動で読み取って、表示すること(数えるのは、自分の手です)
- 無料版では、見せ方(バー・ドット・リング・数字だけ)、達成したときの文の書き換え、縁取り、影、フォント、置く場所の変更
目標の決め方の例
- 登録者数の目標:タイトルを「チャンネル登録」、目標を1000、今の数を、いまの登録者数にします。数が増えたときに、「+1」を押す、という運用ができます。
- 耐久配信の回数:タイトルを「挑戦回数」にして、目標を100にします。1回ごとに、キーの ↑ を押します。
- みんなで貯める企画:コメントの数や、投げられたスタンプの数を、目標にします。「あと◯」の表示が、残りを、視聴者に伝えます。
目標を超えても、数は増えますか?
増えます。目標以上のあいだは、「あと◯」の場所に、達成の文が、出続けます。バーは、100%以上には、伸びません。
数字を、あとから直したいです。
設定パネルの「今の数」の欄を、書き換えると、その数になります。OBSの「操作」の中で、設定パネルを出すには、URLの末尾に#editが必要です。ふだんのブラウザで直した数は、OBSの中には反映されません。
ボタンを、画面に出したくありません。
設定パネルの「操作ボタンを出す」の、チェックを外してください。キーボードの ↑ ↓ で、数えられます。
1回で、10ずつ増やせますか?
「1回で増える数」を、10にすると、ボタンも、キーも、1回で10ずつ動きます。
配信の前に確かめること
- タイトル、今の数、目標が、思った値になっているか
- 前の配信の数が、残っていないか(保存された数が、優先されます)
- 「+1」「−1」のボタンを、配信の画面に出すか、隠すかを、決めてあるか
- 目標に届いたときの文(初めは「目標達成!ありがとう!」)が、場面に合っているか
動作の細かい点
目標に届いた瞬間に、今の数字が、約0.7秒、弾むように動きます。そのあと、バーなどの差し色が、水色(#8ecae6)に変わり、「あと◯」の場所に、達成の文が出ます。目標に届いたままの状態で、数字を減らして、目標より下に戻すと、「あと◯」の表示と、元の色に戻ります。
設定パネルでコピーしたURLには、今の数が含まれません。URLを、別の環境(別のパソコン、別のOBS)に、持っていっても、今の数は、ついてきません。引き継ぎたいときは、設定パネルの「今の数」の欄に、数字を、手で入れ直します。
ほかのツールとの組み合わせ
数を足す操作が、1回の動作で済むときは、目標カウンターだけで足ります。複数の数を、同時に数えたいときは、マルチカウンターが、向いています。たとえば、登録者の目標は、目標カウンター、ゲームのデス数は、プレイ中バナーに、任せる分け方が、あります。
無料版の初めの値と、変えられる範囲
| 項目 | 初めの値 | 無料版では |
|---|---|---|
| タイトル | チャンネル登録 | 書き換えられる |
| 今の数 | 0 | 変えられる |
| 目標 | 100 | 変えられる |
| 1回で増える数 | 1 | 変えられる |
| 「あと◯」の表示 | オン | オンオフを選べる |
| 操作ボタン | オン | オンオフを選べる |
| 差し色 | オレンジ(#f4a261) | 変えられる |
| 文字の大きさ | 64(24〜160) | 変えられる |
| 見せ方 | バー | 変えられない |
| 達成したときの文 | 目標達成!ありがとう! | 変えられない |
| 置く場所 | 左上 | 変えられない |
目標の置き方で、見え方が変わる
目標の数は、大きすぎても、小さすぎても、見え方が、変わります。大きすぎると、バーが、なかなか進まず、達成までの距離が、遠く感じられます。小さすぎると、すぐに達成して、次の目標を、決める必要が、出ます。いまの数の、少し上に、手の届く目標を置くと、「あと◯」の数字が、励みになります。
達成したあとは、次の目標を、決め直します。設定パネルで、目標の数と、タイトルを、書き換えれば、そのまま、次の目標に、移れます。達成の文は、無料版では、決まったままですが、タイトルを、変えることで、何の目標かを、伝えられます。
見せ方4種(バー・ドット・リング・数字だけ)、達成したときの文と色、縁取り、影、フォント、置く場所は、有料版で変えられます。
BOOTHで有料版を見る(300円)この無料版は、このページのままご利用いただけます。有料版は、運営者が別に配布しているものです。
あわせて使われるツール
ツールの内容や使える範囲については、免責事項もご覧ください。