【ハロウィン わんコメテンプレート】お菓子が降るコメント演出 10デザイン|「トリックオアトリート」で名前入りのお菓子が降る・目標でかぼちゃが灯る【OBS/ハロウィン配信】
- Digital700 JPY


わんコメ(OneComme)のカスタムテンプレートとして使う、ハロウィンのコメント演出です。視聴者さんのコメントに「トリックオアトリート」「ハッピーハロウィン」などの言葉が含まれると、画面全体(1920×1080、背景透明)の上から、名前の札つきのお菓子(包みキャンディ・棒つきキャンディ・板チョコ・クッキー・かぼちゃ形グミ)が1つ、ゆれながら落ちてきます。下に積もり、しばらくして消えます。お菓子の絵はすべて画像ファイルを使わずプログラム(SVG と canvas)で描いています。デザインは10種類です。10/31 以外の仮装配信・秋の配信にも使えます。 ■ できること ・視聴者さんのコメントにハロウィンの言葉(config.js の words、既定「トリックオアトリート」「trick or treat」「ハッピーハロウィン」「happy halloween」「ハロウィン」「🎃」「👻」「🍬」「🍭」)が含まれると、名前の札つきのお菓子が上から落ちて下に積もる(大文字小文字・全角半角の違いは気にしない部分一致) ・画面右上に「トリート ○○」の数を表示。同じ人は cooldownSeconds(既定10秒)に1回だけ数える ・目標(config.js の goals、既定 [30, 60, 100])に近づくほど、画面の下の中央のジャック・オ・ランタン(かぼちゃのランプ)の中の明かりが強くなる。届くと大きな帯(config.js の title、既定「Happy Halloween!」)と、こうもりが飛ぶ演出・紙吹雪 ・スパチャ・ギフトが届くと、言葉が無くても大きな金色のかぼちゃが名前と金額つきで落ちてくる(クールダウンの対象外) ・配信者のコマンド(配信者本人のコメントだけが有効): `!candy`(帯とこうもりを手動で出す)、`!candy reset`(数・達成状態・画面のお菓子をリセット) ・いまの数・届いた目標は localStorage に保存。OBS のブラウザソースを再読み込みしても引き継がれ、届いた目標の帯は再表示されない ・背景は透明。外部フォント・外部画像は使わず、システムフォント+プログラム描画で表示 ・表示サイズは1920×1080px(フルスクリーン想定)のブラウザソース枠に収まる設計 ・デザイン10種:ネオン(橙と紫のネオン管)/パステル(ゆめかわ。おばけとキャンディ)/レトロゲーム風ドット(8bit のかぼちゃとこうもり)/和風(提灯のような橙と朱・秋の紅葉)/ミニマル白(橙の差し色)/ミニマル黒(橙の差し色)/肉球・猫(黒猫の耳のランタン)/宇宙・星空(満月とこうもり)/宝石(宝石のようなキャンディ)/ターミナル(緑の線画 trick_or_treat.exe)。お菓子の色・質感、ランタン、帯の見た目がデザインごとに変わります ■ 配信者コマンドの書き方 ・コマンドはかならず `!candy` つき(`!candy 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


