【バレンタイン わんコメテンプレート】チョコが届くコメント演出 10デザイン|「チョコ」で名前入りのチョコが届く・目標でハートの箱が開く【OBS/バレンタイン配信】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、バレンタインのコメント演出です。視聴者さんのコメントに「チョコ」「バレンタイン」「ハッピーバレンタイン」などの言葉が含まれると、画面全体(1920×1080、背景透明)の上から、名前の札つきのリボンつきチョコ(板チョコ・ハートの箱・トリュフ・苺チョコ)が1つ、ふわっと落ちてきます。下に積もり、しばらくして消えます。チョコの絵はすべて画像ファイルを使わずプログラム(SVG と canvas)で描いています。デザインは10種類です。ホワイトデーやファン感謝の配信にも使えます。 ■ できること ・視聴者さんのコメントにチョコ・バレンタインの言葉(config.js の words、既定「チョコ」「ちょこ」「バレンタイン」「ハッピーバレンタイン」「happy valentine」「💝」「🍫」「❤」「💕」)が含まれると、名前の札つきのチョコが上から落ちて下に積もる(大文字小文字・全角半角の違いは気にしない部分一致) ・画面右上に「チョコ ○○」の数を表示。同じ人は cooldownSeconds(既定10秒)に1回だけ数える ・目標(config.js の goals、既定 [30, 60, 100])に近づくほど、画面の下の中央の大きなハートの箱が下から満ちて光る。届くと箱のふたが開き、大きな帯(config.js の title、既定「Happy Valentine!」)とハートの紙吹雪が出る ・スパチャ・ギフトが届くと、言葉が無くても大きな金のハートの箱が名前と金額つきで落ちてくる(クールダウンの対象外) ・配信者のコマンド(配信者本人のコメントだけが有効): `!choco`(帯とハートの紙吹雪を手動で出す)、`!choco reset`(数・達成状態・画面のチョコをリセット) ・いまの数・届いた目標は localStorage に保存。OBS のブラウザソースを再読み込みしても引き継がれ、届いた目標の帯は再表示されない ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・表示サイズは1920×1080px(フルスクリーン想定)のブラウザソース枠に収まる設計 ・デザイン10種:ネオン(ピンクと赤のネオン管のハート)/パステル(ゆめかわ。ハートとリボン)/レトロゲーム風ドット(8bit のハートと板チョコ)/和風(梅・桃色・水引のハート)/ミニマル白(ピンクの差し色)/ミニマル黒(金の差し色)/肉球・猫(肉球形のチョコと猫耳の箱)/宇宙・星空(星空のハートの星座)/宝石(宝石のようなボンボンショコラ)/ターミナル(緑の線画 be_my_valentine.exe)。チョコの色・質感、ハートの箱、帯の見た目がデザインごとに変わります ■ 配信者コマンドの書き方 ・コマンドはかならず `!choco` つき(`!choco reset` のように)。`!reset` など他の商品と同じ名前のコマンドは使わないので、当店の他のテンプレートと同時に使っても混ざりません(全角の「!」・全角スペースも可) ■ こう使う 1. 使いたいデザインのzip(例: neon.zip)を、わんコメの「テンプレート」画面にドラッグ&ドロップして追加する 2. 追加したテンプレートの「ここをドラッグしてOBSに入れる」をOBSにドラッグ&ドロップする(OBS の「ローカルファイル」で index.html を選んでも、自動でわんコメの URL に開き直して動きます) 3. OBSのブラウザソースの幅1920・高さ1080を設定し、配信の一番上のレイヤーに置く 4. 配信サイトに接続すると、視聴者さんの「チョコ」コメントでチョコが届く ■ 動作環境 わんコメ 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の変え方・デモ表示・動作環境・利用規約) ■ 注意 ・画像・動画を生成するAIは使っていません(プログラムで描画)。プログラムと説明文はAIアシスタント(Claude)が作成しています。 ・チョコ・箱・リボンの絵は実在のチョコの銘柄・包装には似せていません。 ・わんコメ公式のテンプレート追加機能(zipのドラッグ&ドロップ)で導入します。フォルダを直接配置する方法ではありません。 ・YouTube のコメントで反応するには、わんコメで Google ログインが必要です。 ・いまの数は OBS のブラウザソースの中(localStorage)に保存されます。OBS に入れたソースだけで数え、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください(説明書に手順があります)。 ・OBS の「ローカルファイル」で index.html を選んだ場合も、自動でわんコメの URL に開き直して動きます(動作確認済み)。 ・わんコメ本体を無料版で使う場合は、わんコメの規約により概要欄などへのわんコメのクレジット記載が必要です(わんコメ側の決まりです)。 ・配信・動画での使用可、収益化配信(投げ銭・広告収益等)での使用も可、このテンプレートのクレジット表記は不要です。 ・このテンプレート(zip・index.html・config.js等)そのものの再配布・転売は禁止です。 ・ご質問はメッセージでどうぞ。 ▼ わんコメテンプレート 全部入りセット(2,980円) https://moonlitprops.booth.pm/items/8924071


