【わんコメテンプレート】お祝いコメント演出 プレミアム 10デザイン|誕生日・周年の寄せ書き・スパチャの金額で変わる演出・効果音・待機中CPU1%以下【OBS/VTuber】
- Digital700 JPY














■ 通常版との違い 通常版(お祝いコメント演出 10デザイン 700円) → プレミアム(同じ 700円) ・デザイン: 10種(色の着替え) → 10の別の世界(形・書体・動き・飾り・効果音) ・飾りの描き方: canvas の風船 → デザインごとの飾り(ネオン管・ゼリーのシール・画素・紙風船・宝石など) ・出来事の演出: 共通の動き → ふつう・はじめて・混雑・スパチャ・目標・寄せ書きごとに演出が変わる ・スパチャの演出: 金色の風船 → 金額で S・M・L の3段(`giftRanks`。L は画面いっぱいの特別演出) ・混雑モード: なし → あり(`rushThreshold`。「◯◯さん ほか N 人」にまとめる) ・寄せ書き: なし → あり(`!yosegaki`・最後の目標のあと。お祝いした人の名前を板に並べる) ・お祝いの種類のひな形: なし → 誕生日・周年・目標達成・初配信(`preset`。title・words を書けばそちらが優先) ・効果音: なし → デザインごとの自作の音(ON/OFF・音量・場面を設定できる) ・設定画面: なし → あり(`?view=settings`。全項目の設定・テスト表示・config.js を保存) ・書体: システム書体 → デザインごとの書体を同梱(SIL OFL 1.1。terminal だけシステムの等幅) ・名前の NG ワード: なし → 伏せ字(`ngWords`)・軽量モード(`lite`) ・重さ: - → 待機中 CPU 1% 以下・軽量モードあり ・価格: 700円 → 同じ 700円 わんコメ(OneComme)のカスタムテンプレートとして使う、お祝いコメント演出の「プレミアム版」です。視聴者さんのコメントに「おめでとう」などの言葉が含まれると、画面全体(1920×1080、背景透明)の下から名前入りの飾りが1つ、ゆれながら昇って消えます。すべて画像を使わずプログラムで描画し、効果音もプログラムで合成して鳴らします。10のデザインは色違いではなく、形・書体・動き・飾り・効果音まで、それぞれ別の世界として作っています。ログインボーナス(https://sheet-kobo.booth.pm/items/9090231)・コメント欄(https://sheet-kobo.booth.pm/items/9092219)・配信アラート(https://sheet-kobo.booth.pm/items/9094889)・視聴者称号(https://sheet-kobo.booth.pm/items/9097198)・コメントダイス(https://sheet-kobo.booth.pm/items/9120338)・参加型 順番待ちリスト(https://sheet-kobo.booth.pm/items/9121509)の各プレミアムと同じ10の世界観なので、組み合わせると画面がそろいます。 ■ はじめて導入する方へ 1. 商品のzipをダウンロードし、外側のzipを展開します。 2. 中にあるデザイン別zip(neon.zipなど)を1つ選び、zipのまま、わんコメの「テンプレート」画面にドラッグ&ドロップします。 3. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSへドラッグします。 4. OBSのブラウザソースの幅1920・高さ1080を設定し、画面全体を覆う位置に置きます(表示は 1920×1080 の画面全体のままです)。「OBS で音声を制御する」にチェックを入れると効果音が配信に乗ります。 5. わんコメを起動し、配信サイトへの接続を確認してからコメントを送ります。 商品zip全体や展開したフォルダを、そのまま追加しないでください。 表示が出ない場合は、わんコメへの接続、OBSのURLとサイズを順に確認してください。わんコメの「コメントテスター」は毎回同じ1人なので、クールダウン中は2回目から数えません(設定画面のテスト表示で確かめられます)。 ■ 通常版や前の版から入れ替えるとき わんコメの「テンプレート」画面で古いテンプレートを削除してから新しいzipを追加し、OBSのソースを再読み込みしてください。同じ名前のテンプレートが残っていると追加できません。通常版の数と届いた目標は引き継がれないので、お祝いの配信の前に入れ替えてください。 ■ 10の世界(演出・音もデザインごとに変わります) ・neon … 夜の街のネオン管の看板。管で描いた風船。スパチャ L は画面の左右から管の光の線が走り、目標は大きな管文字の看板が灯って管の花火が開く(Dela Gothic One) ・yumekawa … ぷっくりしたジェリーのシール帳。白い太フチのゼリーの風船。スパチャ L はプレゼント箱が開いてハートがあふれ、目標は雲形の吹き出しと星のシール(Zen Maru Gothic) ・pixel … 16bit RPG のメッセージ窓。画素の風船。スパチャ L は画面が白く瞬いて画素の宝箱が開き、目標は窓に title が1字ずつ出る(DotGothic16) ・wafu … 和紙の巻物と朱印。四角い色紙の紙風船。スパチャ L は金屏風が開いて朱印が押され桜が舞い、目標は巻物が開く。寄せ書きは縦書き(Zen Old Mincho) ・minimal-light … 白い紙の印刷物。細線の円と細字。スパチャ L は紙が一度だけ黒く反転して名前が画面いっぱいに組まれ、目標は罫線が引かれる(Noto Sans JP) ・minimal-dark … 映画のタイトルとエンドロールの黒。細い線の円と明朝。スパチャ L は上下に黒い帯が入り、寄せ書きはエンドロール(Noto Serif JP) ・nikukyu … クラフト紙の足あとスタンプ帳。肉球の風船。スパチャ L は肉球のスタンプがとんとん押されて段ボール箱が開き、目標は紙吹雪(Yusei Magic) ・uchu … 宇宙船の管制ホログラム。線のロケット。スパチャ L はワープの光の線と宇宙船の輪郭、寄せ書きは星図(M PLUS Rounded 1c) ・houseki … ベルベットの宝石箱。カットした宝石の風船。スパチャ L は宝石箱のふたが開いて光の筋が伸び、金の板が浮かぶ(Kaisei Decol) ・terminal … 黒い CRT の端末。「+ cheer 名前」の行が流れる。スパチャ L は罫線の「GIFT」が1行ずつ出て、目標は「GOAL」の看板(システムの等幅) ■ できること ・視聴者さんのコメントに祝いの言葉(config.js の words。既定は `preset` のひな形。誕生日なら「おめでとう」「おめ」「HBD」「happy birthday」「ハピバ」「🎉」「🎂」)が含まれると、名前入りの飾りが下から昇る(大文字小文字・全角半角の違いは気にしない部分一致) ・画面右上に「おめでとう ○○」の数を表示。同じ人は cooldownSeconds(既定10秒)に1回だけ数える ・スパチャ・ギフトが届くと、言葉が無くても毎回表示(クールダウンの対象外)。金額で S・M・L の3段に演出が変わる(`giftRanks`。既定は 1,000円以上が M、5,000円以上が L)。S は金色の大きな飾り、M は粒とファンファーレ、L は画面いっぱいの特別演出 ・画面下中央の目標の飾り(ケーキなど)に、目標(config.js の goals、既定 [50, 100, 200])へ近づくほどろうそくが順に灯る。目標に届くと帯(title。「◯周年ありがとう!」などに変更可)と花火・紙吹雪 ・混雑モード(`rushThreshold`、既定12):5秒の間に飾りがこの数を超えると、ふつうの飾りを「◯◯さん ほか N 人」の大きな1つにまとめる(数は全員ぶん数える) ・初めてお祝いした人の飾りには「はじめて」の印 ・寄せ書き:最後の目標に届くと、帯のあとにお祝いした人の名前(最大80人)を板に並べる。配信者が `!yosegaki` でいつでも出せる(`yosegaki: false` で自動では出さない) ・お祝いの種類のひな形(`preset`):birthday 誕生日・anniversary 周年・milestone 目標達成・debut 初配信。帯の文字と反応する言葉が切り替わる(title・words を書いたときはそちらが優先) ・配信者コマンド: `!celebrate`(帯と花火を手動で出す)、`!yosegaki`(寄せ書きを出す)、`!reset`(数・達成状態・お祝いした人をリセット)。`!celebrate reset` のように頭に商品名を付けても同じ(`plainCommands` が false なら商品名つきだけ。ほかの当店テンプレートと同時に使うときは false に) ・効果音:デザインごとの音。ON/OFF・音量・鳴らす場面を設定でき、OBS の「OBS で音声を制御する」で配信に乗せます ・名前の伏せ字(`ngWords`)・数えない名前(`excludeNames`、既定 Nightbot・StreamElements。配信者本人も数えない)・軽量モード(`lite`:粒なし・動きは透明度と短い移動だけ。効果音はそのまま) ・設定画面(`?view=settings`):全項目を変えると、横で本物の画面が動いて見えます。おめでとう1件・10件いっぺん・混雑・スパチャ S/M/L・目標・寄せ書きなどのテスト表示ができ(本番の画面にも記録にも出ません)、「この内容で config.js を保存」で書き出した config.js をテンプレートのフォルダの config.js と置き換えるだけ ・いまの数・届いた目標・お祝いした人は localStorage に保存。OBS のブラウザソースを再読み込みしても引き継がれ、届いた目標の帯は再表示されない ・重さ:何も起きていないあいだは動かしません。待機中 CPU 1% 以下(10デザインで 0.113〜0.393%。Chrome で実測、お使いの環境で変わります) ・背景は透明。外部フォント・外部画像は使いません ・見本の名前はすべて架空です ■ こう使う 1. 「はじめて導入する方へ」の手順で OBS の一番上のレイヤーに入れたら、配信の前に、ソースの URL の末尾に `?view=settings` を付けてブラウザで開き、設定とテスト表示。保存した config.js でテンプレートのフォルダの config.js を置き換え、OBS のソースを更新 2. 視聴者さんの「おめでとう」で飾りが昇る。配信者が `!celebrate` で帯と花火、`!yosegaki` で寄せ書き ■ 動作環境 わんコメ 9.1 以降 + OBS のブラウザソース。表示中はわんコメを起動しておいてください(テンプレートはわんコメ本体の OneSDK を読み込みます)。設定画面は Chrome・Edge などのふつうのブラウザで開きます YouTube のコメントで反応するには、わんコメ側で Google ログインが必要です(わんコメ 9 系の仕様)。 ツイキャス・Twitch なども、わんコメでそれぞれの配信サイトに接続すれば反応します。 ■ 同梱 ・デザイン別テンプレートzip 10個(neon / yumekawa / pixel / wafu / minimal-light / minimal-dark / nikukyu / uchu / houseki / terminal、それぞれ index.html + config.js + 書体と OFL.txt。terminal は書体を同梱せずシステムの等幅を使います) ・説明書.txt(導入手順・できること・演出・混雑モード・寄せ書き・お祝いの種類のひな形・設定画面・記録・config.js の変え方・書体のライセンス・利用規約など) ■ 注意 ・画像・動画を生成するAIは使っていません(プログラムで描画)。 ・「わんコメ」は OneComme の登録商標です。この商品は当店が制作したもので、わんコメ本体とは別のものです。 ・数・届いた目標・お祝いした人の記録は OBS のブラウザソースの中(localStorage)に保存され、別のパソコン・ブラウザとは共有されません。OBS をわんコメと別のパソコンで使う場合は URL に stay=1 を付けます(説明書に手順)。 ・スパチャ・ギフトの金額は表示するだけで、決済には関わりません。 ・同梱の書体は SIL Open Font License 1.1 の書体を、使う文字だけに間引いたものです。各 zip に OFL.txt を入れています(書体単体の販売はできません)。 ・この商品はわんコメの SDK を読む以外に外部へ通信しません。わんコメ本体から読めないときだけ jsdelivr から読みます。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。













