【わんコメテンプレート】コメントで天気が変わる 10デザイン｜雨・雪・桜・雷・花火など8種・画面全体の演出【OBS/雑談配信】

わんコメ（OneComme）のカスタムテンプレートとして使う、コメントで天気が変わる画面演出です。視聴者さんのコメントに天気の言葉（雨・雪・桜・晴れ・雷・星・紅葉・花火）が含まれると、画面全体（1920×1080、背景透明）にその天気が広がります。すべて画像を使わずプログラム（canvas）で描画しています。デザインは10種類です。

■ できること

・視聴者さんのコメントに天気の言葉（config.js の words、変更可）が含まれると、その天気に切り替わる（1コメントに複数あれば先頭に出てくる言葉を優先）

・8種類の天気：雨（斜めの線）／雪（ゆれながら落ちる粒）／桜（回りながら舞う花びら）／晴れ（差し込む光の筋ときらめき）／雷（雨＋ときどき明滅＋稲妻）／星（またたく星＋流れ星）／紅葉（回りながら落ちる葉）／花火（画面上半分で開く花火）

・切り替えは2秒でクロスフェード。天気が変わったとき画面下に「〇〇さんが『雪』にしました」の札を4秒表示（showCaption、デザインごとに札の形が違う）

・一度変わったら holdSeconds（既定20秒、変更可）は視聴者のコメントでは変わらない。配信者は `!weather 雪` でいつでも変更、`!weather off` でオフ

・粒の量は intensity（0.5〜2）で調整。雷の明滅は lightning: 'soft'（弱め）／'off'（明滅なし）で調整可能

・いまの天気は localStorage に保存。OBS のブラウザソースを再読み込みしても同じ天気に戻る

・背景は透明。外部フォント・外部画像は使わず、システムフォント＋プログラム描画（canvas）で表示

・表示サイズは1920×1080px（フルスクリーン想定）のブラウザソース枠に収まる設計

・デザイン10種：ネオン／パステル（ゆめかわ）／レトロゲーム風ドット／和風／ミニマル白／ミニマル黒／肉球・猫／宇宙・星空／宝石／ターミナル（緑文字）。天気の物理演算は共通で、粒の描き方・色・札の形がデザインごとに変わります

■ こう使う

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

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

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（導入手順・天気の変わり方・8種類の見た目・記録の置き場所・config.jsの変え方・デモ表示・動作環境・利用規約）

■ 注意

・雷は画面が明滅します（soft で弱め・off で止められます）。まぶしさが気になる場合は config.js の lightning を 'off' にしてください。

・OBS をわんコメと別のパソコンで使う場合は、URL に stay=1 を付けてください（説明書に手順があります）。

・画像・動画を生成するAIは使っていません（プログラムで描画）。プログラムと説明文はAIアシスタント（Claude）が作成しています。

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

・YouTube のコメントで反応するには、わんコメで Google ログインが必要です。

・いまの天気は OBS のブラウザソースの中（localStorage）に保存されます。OBS に入れたソースだけで天気が変わり、別のパソコン・別のブラウザ・わんコメのプレビュー画面とは共有されません。

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

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

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

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