配信で「目標までの数」を見せたいけど…… ・コメント・初見さん・高評価、いくつも数えたいのに、カウンターを何個も入れて位置を合わせるのが大変 ・数字だけだと、見ている人に「あとどれくらい？」が伝わりにくい ・目標に届いた瞬間を、もっと盛り上げたい ・せっかくなら、配信画面の雰囲気に合った、かわいい見た目にしたい その全部を、水がたまるカウンターにまとめました。 項目ごとに器が並んで、数が増えるたびに水がたまっていきます。満タンになると水があふれて花が咲き、色を変えて2杯目へ続きます。 はじめまして、個人で配信してる小野鹿かのこです。 僕も自分の配信で使いたくて作ったカウンターです。 ■ たとえば、こんなものを数えられます 器の名前は自由に書きかえられます。手のボタンで足せば、なんでも数えられます。 自動で数える（通常版・わんコメ） ・初見さん … 初めて来てくれた人を数えます。その配信で初めての一言も数えられます ・高評価 … 高評価耐久に。高評価が増えるたびに＋1（YouTube） ・決めた言葉 … 「わこつ」「8888」など。1人1回だけ、も選べます ・スパチャ・メンバー加入 … スパチャは決めた金額ごとに＋1 ・コメントの数 … 目標を0にすれば、ただの数として出せます 手のボタンで数える（無料版も） ・ゲームでやられた回数 … ボス戦や耐久で「いま何回目？」が一目で ・歌った曲・引いたガチャの回数 … お題やノルマの残りに ・企画の点数 … 「正解した数」「当てた数」など ■ 配信中は、こんなふうに動きます ・コメントが来るたびに、しずくがぽちゃんと落ちて、器がぽよんと揺れる ・目標に届くと、水があふれて花が咲き、「2杯目」に変わって色が変わります（＋ボタンで足したときも同じ演出が出ます） ・満タンの演出は3段階。いちばん大きい「特大」は、画面いっぱいに花が咲いて花びらが降ります ・数字は器の中に大きく、名前は器の上の札に。小さく並べても、どの項目がどこまでか一目で分かります ・操作は OBS のドックから。「+1」「+10」と、押しまちがえたときの「↩ 戻す」があります。項目はたたんで1行にできます この商品ページに、無料版と通常版の2つがあります。無料版は器3つ・手で数える（わんコメ＝コメント読みこみソフトなし）で、好きな場所に置くことと、満タンで次の杯に続くのは無料版でも使えます。 ■ 好きな場所に、つかんで置ける 操作パネルの「配置」で、器を1920×1080 の画面のどこにでも置けます。 つかんでいる間はマス目が出て、ほかの器のはしやまん中にそろうと、ピンクの線が出てぴたっと止まる。 囲んでまとめて選べば、いくつかを並びのまま一緒に動かせます。 「下に1列・下に2列・右に縦」などのボタンで、まとめてはしに並べることもできます。右下の丸で大きさを変えて、見本の器を選べばほかの器もその大きさにそろいます。終わったら「固定」。配信中にうっかり動きません。 ゲーム用・雑談用など、置き方を名前つきで3つまで残せます（通常版）。 ■ 器と花のモードは5つ（通常版） ネモフィラ／さくら／よる／バラ／リボン。 モードを選ぶと、器の絵・満タンで咲く花・合う色がまとめて変わります。色はあとから自由に直せます。 器の形は、ぷっくり・まる・横長・カクテルグラス・ハート・星・試験管の7つ。横長は、ゲーム画面のはしに並べてもじゃまになりません。 ■ こだわったところ ・数え方は項目ごとに選べる（自動は通常版） 　コメント（同じ人は決めた秒数ごとに1回）／初めて来た人／その配信で初めての一言／高評価が増えたら／スパチャ（決めた金額ごとに＋1）／メンバー加入・ギフト／決めた言葉（「わこつ」など・1人1回も選べる）／手で数えるだけ ・目標なしも選べる 　目標を0にすると、水は半分の高さで揺れたまま、数だけを出します。コメントの合計のように、ただ数えたい項目に。 ・事故がおきにくい 　消す・0にするは2回押し。読み込みも含めて、変える前の状態を3つまで控えに残します。 　配信を始めたときに前回の数が残っていたら、「続きから／0から」を聞きます。 　同じ画面を2つ入れてしまったときは、操作パネルに注意が出ます。 ・配信前にテストできる 　「テスト」で、水が上がるか、満タンの演出が出るかを、配信していなくても確かめられます。テストで入った分はボタン1つで消せます。 ・重くならない作り 　水の動きは軽い作りにしています（器を3つ並べた OBS で、CPU 2%前後でした）。 ・音は最初は鳴りません 　「音を鳴らす」をオンにすると、しずくと満タンのときに鳴ります（音はプログラムで作った音です）。 ■ 無料版と通常版のちがい 無料版 ・器3つ ・手のボタンで数える（わんコメなしで動きます） ・好きな場所に置く・マス目とそろえ線・満タンで花と次の杯 ・満タンの演出3段階 ・ネモフィラのモード・丸ゴシック ・テスト・書き出しと読み込み 通常版 ・上のぜんぶ ・器10こ ・自動で数える（わんコメ） ・満タンで咲く花8種（ひまわり・ラベンダー・あじさいなど、モードとは別に選べる） ・器と花のモード5つ・色見本10こ＋じぶん色・書体6つ・札の飾り7つ ・自分の絵 ・置き方を3つ残す ・項目のセットを5つ残す（雑談用・企画用など、押すだけで入れかえ） 気に入ったら通常版へどうぞ。設定とカウントの書き出し・読み込みで、そのまま引き継げます。 ・無料版を使う条件（守れる方だけお使いください） 　無料版を使った配信の概要欄に、次の1行をそのまま書いてください 　【まるっとカウンター：https://konokakanoko0407.booth.pm/items/9069470】 　（僕から一件ずつ見に行くことはしません。守ってくれる方を信じてお渡ししてます） 　通常版には、この条件はありません。 ■ 入れ方（くわしくは使い方.txt と画像にあります） 通常版（わんコメ） 1. ZIP を「すべて展開」して、「まるっとカウンター」フォルダを %APPDATA%\onecomme\templates\custom に入れる 2. OBS の「ドック」→「カスタムブラウザドック」に、次の URL を貼る 　http://localhost:11180/templates/custom/まるっとカウンター/controller.html 3. OBS のソースに「ブラウザ」を足して、次の URL を貼り、幅 1920・高さ 1080 にする 　http://localhost:11180/templates/custom/まるっとカウンター/index.html 無料版（わんコメなし） 1. ZIP を「すべて展開」して、フォルダを好きな場所に置く 2. controller.html をブラウザにドラッグして出た file:///… の URL を、OBS のカスタムブラウザドックに貼る 3. 操作パネルの「その他」でコピーした配信画面の URL を、OBS のブラウザソースに貼る（「ローカルファイル」はチェックしない） ■ 動作環境 ・Windows ・OBS Studio（ブラウザソースとカスタムブラウザドックを使います） ・通常版はわんコメ（OneComme・無料で使えるコメント読みこみソフト）を使います。無料版はわんコメなしで動きます ・自動で数えるのは、わんコメに届いたコメントです（わんコメにつないだ配信サイトのコメント）。高評価は YouTube の配信で使えます ・文字の表示に Google Fonts を読みこみます。ネットにつながっていないときは PC の書体で出ます ・Mac では確認していません ■ 入っているもの 通常版：まるっとカウンター.zip 無料版：まるっとカウンター_無料版.zip ・index.html（OBS のブラウザソースに入れる画面） ・controller.html（OBS のドックに入れる操作パネル） ・state.js・cups.js・rules_panel.js（動かすためのファイル） ・器と花の絵（PNG） ・template.json・thumb.png（わんコメの一覧に出す名前と絵） ・じぶんの絵（フォルダ。通常版） ・使い方.txt ・利用規約.txt ■ 購入前に確認してください ・使う前に、OBS の「ブラウザソース」と「カスタムブラウザドック」に URL を1回ずつ登録します ・通常版は、わんコメを先に起動してから OBS を起動してください ・わんコメや YouTube の仕様が変わると、自動で数える部分が動かなくなることがあります（手のボタンはいつでも使えます） ・設定は OBS の中に保存されます。OBS を入れ直す前に、操作パネルの「書き出し」で控えを取ってください ・個人で作ったツールなので、すべての環境での動作は保証できません。本番の前に一度テストしてください ・ダウンロード商品なので、購入後の返品・返金はできません。まずは無料版で、見た目と置き方を確かめてください（自動で数えるのは通常版だけです） ■ うまく動かないとき ・器が出ない … OBS のソースの URL と、幅 1920・高さ 1080 を見てください。「ローカルファイル」のチェックは外します ・数が増えない … 操作パネルのいちばん上に「わんコメにつながっていません」と出ていたら、わんコメを起動してから OBS のソースを右クリック →「再読み込み」 ・書体がちがう … ネットにつながっているか見てください ・ほかは使い方.txt の「困ったとき」に書いてあります ■ 利用規約（抜粋） ・配信や動画で使うのはOKです（収益化してる配信もOK） ・使えるのは、購入した本人（1人の配信者）です。いくつものサイト・チャンネルや、複数の PC で使ってもOK ・再配布・転売・グループでの共有、入っている絵だけを取り出して使うのはNGです ・無料版は、使い方の個別の相談はできません（不具合は受けつけます） ・くわしくは同梱の利用規約.txt を見てください ■ 動く飾りつきの「豪華版」・器のデザインは、専用デザインで 器のまわりで花びらや星がふわふわ動く飾りと、器の形を自分の絵にするのは、この商品には入っていません。 その人の色やモチーフに合わせて、1つずつ作る「豪華版」にしています。 見本の動画：https://youtu.be/wy1oZj2ch6k 「うちの子の色にしたい」「この花を舞わせたい」「器をこの形にしたい」があれば、依頼サイト「つなぐ」か、下の要望箱から気軽に相談してね。本体を買ったあとからでも頼めます。 つなぐ：https://tsunagu.cloud/users/konokakanoko ■ 作り方について プログラムは AI（Claude Code）を使って書いています。器と花の絵は、AI（ChatGPT の画像生成）で作りました。 何を作るか、見た目、どんな動きにするかは、僕が決めてます。 気になる方は、購入を控えてください。 通常版の分からないことや、どちらの版でも「ここ動かない！」があったら、下の要望箱で教えてください。直せるところは直します。 目標までの数が、見ている人と一緒に「たまっていく」配信になるとうれしいです。 ■ 要望箱 「こんなツールがほしい」「ここが地味に困ってる」「豪華版を相談したい」があれば、気軽に送ってね。次に作るものの参考にしてます。 https://forms.gle/kiBwWej9AjQLLS5C7