【わんコメテンプレート】配信カウンター 10デザイン|死亡数・クリア数・何杯目をコマンドとクリックで数える・目標で紙吹雪・ゲーム実況のデスカウンターに【OBS/わんコメ】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、配信用のカウンター表示です。画面(横420×縦60 × カウンターの数、初期設定は3つで 420×180、背景透明)に、「絵文字・名前・いまの数・「−」「+」ボタン」の行を縦に並べます。すべて画像を使わずプログラムで描画しています。デザインは10種類です。 ■ できること ・初期設定は3つのカウンター:💀 死亡数/🏆 クリア数(目標 5)/☕ 何杯目(目標 10)。名前・絵文字・開始値・目標・色は config.js で自由に設定(最大6つ。「ボス撃破数」「ありがとうの数」なども作れます) ・数の増やし方は3つ ① 行の右端の「−」「+」をクリック(OBS のブラウザソースの「対話」か、ブラウザで) ② 配信者のコマンド:`!tally 死亡 +1`/`!tally 死亡 -1`/`!tally 死亡 = 10`(数え間違いの直し)。名前は部分一致(「死亡」で「死亡数」) ③ 視聴者さんのコメント:config.js の words に言葉を書くと、その言葉と完全一致したコメント(例「乾杯」)で +1。同じ人は cooldownSeconds(既定 10 秒)に1回。既定は空=配信者だけが増やせます ・数が増えた瞬間に数がぽんと弾みます。目標を決めたカウンターには目標までのメーターが出て、届いた瞬間に行が4秒光って紙吹雪が舞います ・`!tally reset`(すべて開始値に)/`!tally reset 死亡`(死亡数だけ) ・`?view=big&name=死亡` … 1つのカウンターだけを大きく出す表示(480×240)。ゲーム画面の隅に ・`?view=history` … この配信の増減の一覧(時刻・どのカウンター・増減・いまの数・コマンド/クリック/コメントの別。480×540) ・記録は localStorage に保存(数・この配信の増減の履歴・処理済みのコメント id 直近5000件)。OBS を再読み込みしても続きから表示し、同じコメントを二重に数えません。既定は配信をまたいで保持。config.js の persist を false にするとこの配信だけ(最後に増減してから12時間あくと開始値から) ・「−」「+」ボタンは config.js の showButtons: false で隠せます ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・デザイン10種:ネオン/パステル(ゆめかわ)/レトロゲーム風ドット/和風/ミニマル白/ミニマル黒/肉球・猫/宇宙・星空/宝石/ターミナル(緑文字)。枠の形・メーターの質感・光り方がデザインごとに変わります ■ 配信者コマンドの書き方 ・コマンドはすべて `!tally ` で始めます(全角の「!」・全角スペース・全角の「+」「=」も可)。配信者本人のコメントだけが有効です。`!reset` のような共通名の書き方は受け付けないので、当店の他のテンプレートと同時に使っても混ざって動きません ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBSの「ローカルファイル」で index.html を選んで入れても、自動でわんコメのURLに開き直して動きます) 3. OBSのブラウザソースの幅420・高さ(60 × カウンターの数。初期設定なら180)を設定し、好きな位置に置く 4. 配信者が「!tally 死亡 +1」とコメントするか、OBS のソースを右クリック →「対話」で行の「+」をクリックして数える。新しい配信の始めに「!tally 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 を付けてください(説明書に手順があります)。 ・OBS で「−」「+」をクリックするには、ブラウザソースの右クリック →「対話」を使います。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071

