【わんコメテンプレート】ことばカウンター 10デザイン|「草」「888」「かわいい」を自動で数える・目標メーターと達成演出・言葉は自由に設定【OBS/配信カウンター】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、キーワードカウンターの表示です。視聴者さんのコメントに入っている言葉を数えて、画面(480×360、背景透明)にカウンターを縦に並べます。各行に「名前・いまの数・目標・目標までのメーター」が出ます。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・初期設定は4つのカウンター:草(草・w・w・笑)/888(888・888・拍手)/かわいい(かわいい・可愛い・カワイイ)/おはよう(おはよう・おは) ・コメント本文に言葉が入っていたら +1。全角半角・大文字小文字は区別しません(「w」と「w」、「888」と「888」は同じ)。1コメントで1つの言葉につき最大 +1(「草www」は草が1回。config.js の countAll を true にすると出てきた回数ぶん足します)。配信者本人のコメントは数えません。同じコメントは二度数えません ・数える言葉・名前・目標・色は config.js で自由に設定(最大6つ。「ありがとう」「やったー」なども数えられます) ・数が増えた瞬間に、その行がぽよんと弾みます ・目標に届くと、その行が光って紙吹雪が舞い、メッセージの帯(例「草 100 回達成!」)が4秒出ます。メッセージは config.js の goalMessage で変えられます ・`?view=big&name=草` … 1つのカウンターだけを大きく出す表示(720×240)。ゲーム配信の隅や、ひとつの言葉の企画に ・`?view=ranking` … 言葉ごとに「いちばん言った人」の上位5人(480×540) ・期間:既定は「この配信」(最後に数えてから12時間あくと新しい配信として 0 から)。config.js の persist を true にすると配信をまたいで累計 ・配信者のコマンド(配信者本人のコメントだけが有効) `!kotoba reset` … すべてのカウンターを 0 に戻す `!kotoba add 草 5` … 草に手動で 5 足す `!kotoba goal 草 200` … 草の目標を 200 に変える ・同じ人が続けて数えられるまでの間隔(perUserCooldown)も設定できます ・記録は localStorage に保存(数・人ごとの回数・目標・処理済みのコメント id 直近5000件)。OBS を再読み込みしても続きから数え、二重に数えません ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン/パステル(ゆめかわ)/レトロゲーム風ドット/和風/ミニマル白/ミニマル黒/肉球・猫/宇宙・星空/宝石/ターミナル(緑文字)。枠の形・メーターの質感・光り方がデザインごとに変わります ■ 配信者コマンドの書き方 ・コマンドはすべて `!kotoba ` で始めます(全角の「!」・全角スペースも可)。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅480・高さ360を設定し、好きな位置に置く 4. 視聴者さんのコメントでカウンターが増える。新しい配信の始めに配信者が「!kotoba reset」 ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます) ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js) ・説明書.txt(導入手順・何を数えるか・画面の見方・期間と配信者のコマンド・別の表示・記録・config.jsの変え方・デモ表示・動作環境・利用規約) ■ 注意 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・YouTube のコメントに反応するには、わんコメで Google ログインが必要です。 ・カウンターの記録は OBS のブラウザソースの中(localStorage)に保存されます。OBS に入れたソースだけが覚えていて、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください(説明書に手順があります)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

