【わんコメテンプレート】スパチャ目標ゲージ 10デザイン｜スパチャ・投げ銭・ビッツを自動で集計、目標達成で演出【OBS/YouTube/Twitch/ツイキャス】

わんコメ（OneComme）のカスタムテンプレートとして使う、スパチャの目標ゲージです。YouTube のスパチャ・スーパーステッカー、ツイキャスのギフト、Twitch のビッツ、YouTube のメンバー加入の金額を自動で合計し、「¥4,000 / ¥5,000　80%」のように目標までのゲージで表示します。目標を達成すると紙吹雪と「目標達成！」でお祝いし、次の目標に切り替わります。デザインは10種類、config.js または URL パラメータで目標・見出し・数える種類を変更できます。

■ できること

・スパチャ・投げ銭・ビッツの合計を自動で集計：スパチャ／スーパーステッカー（YouTube）、ギフト（ツイキャス、無料ギフトは0円）、ビッツ（Twitch、1ビッツ1.4円で換算）、メンバー加入・メンバーギフト（初期は数えない。1人あたりの円を決めれば数える）

・外貨のスパチャは config.js の rates で円に換算（初期値 USD 150円・EUR 160円・KRW 0.11円・TWD 4.7円）

・見出し・現在額／目標額・パーセント・横長ゲージを表示。支援が届くと0.8秒で数字とゲージが伸びる

・ゲージの上に「+¥1,000 ねこまる」と届いた額と名前を2.5秒表示（最大3つ積み上げ）

・目標達成で紙吹雪と「目標達成！」を4秒。目標は複数書けて、達成するごとに次の目標へ（例: 1万円 → 3万円 → 5万円）。最後の目標を超えたら100%のまま金額が増え「目標達成！ありがとう！」を表示

・OBS でソースを再読み込みしても、わんコメに残っている履歴からその配信の合計が戻る（二重に数えない。履歴の分はお祝いを出し直さない）

・offset で手で足す額を設定（わんコメを再起動したときの補正などに）

・URLパラメータ（goal / label / offset / types / bits / member）でも上書き可能。?demo=1 で見本表示（約10秒で目標達成）

・背景は透明。外部フォント・外部画像は使わず、システムフォントで表示

・表示サイズは480×200pxのブラウザソース枠に収まる設計

・デザイン10種：ネオン／パステル（ゆめかわ）／レトロゲーム風ドット／和風（木札）／ミニマル白／ミニマル黒／肉球・猫／宇宙・星空／宝石／ターミナル（緑文字）

■ こう使う

1. 使いたいデザインのzip（例: neon.zip）を、わんコメの「テンプレート」画面にドラッグ＆ドロップして追加する

2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ＆ドロップする

3. OBSのブラウザソースの幅480・高さ200を設定する

4. 目標額を config.js の goals、または URL に ?goal=10000,30000 のように書く

5. 配信サイトに接続すると、支援が届くたびにゲージが伸びる

■ 動作環境

わんコメ 9.1 以降 ＋ OBS のブラウザソース。表示中はわんコメを起動しておいてください（テンプレートはわんコメ本体の OneSDK を読み込みます）

YouTube のスパチャ・メンバーを数えるには、わんコメ側で Google ログインが必要です（わんコメ 9 系の仕様）。

Twitch（ビッツ）・ツイキャス（ギフト）は、わんコメでそれぞれの配信サイトに接続してください。

■ 同梱

・デザイン別テンプレートzip 10個（neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js）

・説明書.txt（導入手順・表示されるもの・数え方・再読み込みで合計が戻る仕組み・config.jsの変え方（goals / offset / rates など）・URLパラメータの例・動作環境・利用規約）

■ 注意

・生成AIは使用していません。

・わんコメ公式のテンプレート追加機能（zipのドラッグ＆ドロップ）で導入します。フォルダを直接配置する方法ではありません。

・YouTube のスパチャ・メンバーを数えるには、わんコメで Google ログインが必要です。

・外貨のスパチャは rates のレートで円に換算した目安の額です（実際に受け取る額とは違います）。

・わんコメを再起動すると履歴が消えることがあります。配信の途中で再起動したときは offset で補ってください。

・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です（わんコメ側の決まりです）。

・配信・動画での使用可、収益化配信（投げ銭・広告収益等）での使用も可、このテンプレートのクレジット表記は不要です。

・このテンプレート（zip・index.html・config.js等）そのものの再配布・転売は禁止です。

・ご質問はメッセージでどうぞ。