おばけ吹き出し — わんコメ用チャット欄テンプレート（tokpi）

わんコメにつないだ配信サイト（YouTube・Twitch・ツイキャス・ニコ生 など）のコメントを、
このデザインのカードで表示するテンプレートです。

【入れ方】（約3分）
1. わんコメを起動して、テンプレートの一覧を開きます。
2. このzip（tokpi-ghost-bubble.zip）を一覧にドラッグ＆ドロップします。
   追加できないときは、一覧のフォルダアイコンからzipを選んでください。
3. 一覧に「おばけ吹き出し」が追加されます。
   「ここをドラッグしてOBSに入れる」をOBSへドラッグすると、ブラウザソースになります。
4. ブラウザソースの大きさは、幅 500 × 高さ 800 前後がおすすめです。
   size はまず 100（100%）で使ってください。幅と高さは表示範囲、size は文字と絵の拡大率です。
   120%に拡大する場合は幅600px前後に広げ、長い名前・メンバーシップ・投げ銭カードも確認してください。

【役割ごとのデザイン】
・配信者 …………………………… 配信者のカード
・メンバー／サブスク …………… メンバーのカード
・モデレーター・VIP・そのほか … 視聴者のカード

【投げ銭・メンバーシップのカード】
チャット欄の中に、同じデザインの専用カードで表示します。
・スーパーチャット・ジュエル・Bits・ツイキャス／ニコ生のギフト … 投げ銭カード（金額・アイテム名とメッセージ）
・メンバーシップギフト・Twitchのサブスクギフト ……………… メンバーシップのカード
わんコメの「コメントテスター」で「ギフト/スパチャ」を選ぶと確かめられます。

【設定】
script.js の先頭にある SETTINGS を書き換えて保存し、OBSのブラウザソースの
「現在のページのキャッシュを更新」を押すと反映されます。
OBSのURLの最後に ?size=120&align=center のように付けても変えられます（URLが優先）。

  size ………… 大きさ（%）。絵ごと拡大・縮小します
  align ………… カードの寄せ：design（デザインどおり）／left／center／right
  font …………… Google Fonts のフォント名。空ならデザインのフォント
  nameColor …… 名前の色（例：#ffffff）。空ならデザインの色
  textColor …… コメントの色。空ならデザインの色
  badges ……… バッジを表示する（true／false）
  emoteSize …… 絵文字・エモートの大きさ（%）
  hideAfter …… コメントを消すまでの秒数。0 なら消さない
  limit ………… 画面に出すコメントの最大数
  hideCommands … 「!」で始まるコマンドを表示しない（true／false）
  ignore ……… 表示しない名前（カンマ区切り。ボットなど）

見た目だけ確かめたいときは、URLの最後に ?demo=1 を付けると見本のコメントが流れます。

【知っておくこと】
・カードの絵の色は固定です。色の設定は文字だけに効きます。
・わんコメの無料版をお使いの場合は、わんコメの規約に沿ってクレジットの記載をお願いします。

【ご利用について】
・ご自身の配信で無料でお使いいただけます（収益化している配信も可）。
・ファイルの再配布・再販売はできません。
・制作：tokpi
