🔥💧 **燃え上がる炎と、押し寄せる水。コメントの中で、ふたつの力が激突する。** 左から燃え広がる炎。 右から押し寄せる水流。 ふたつのエネルギーが吹き出しの中央でぶつかり合い、激しい蒸気とともに渦を巻く。 そんな迫力ある演出を楽しめる、OBS・わんコメ対応のHTMLコメント吹き出しテンプレートです。 炎のゆらめき、水面の反射、飛び散る火の粉や水しぶきまで、WebGLで表現。 コメントごとに炎と水の勢力バランスが変化し、ひとつひとつ異なる激突シーンが生まれます。 ファンタジー、RPG、バトル系の配信にぴったりな、ダイナミックなコメント演出をお楽しみください！ ### 🔥 主な特徴 **✦ リアルな炎と水の激突アニメーション** 吹き出しの左側には、赤・橙・黄色に燃え上がる炎。 右側には、透明感のある青い水流。 吹き出しの内部では、炎と水が互いに食い込み、境界で渦を巻きながら激しくぶつかり合います。 ・高さの異なる炎のゆらめき ・炎から舞い上がる小さな火の粉 ・水面を走る光の反射 ・きらめく水しぶき ・境界から立ちのぼる白い蒸気 迫力あるエフェクトが、配信画面に臨場感を加えます。 **✦ コメントごとに変わる勢力バランス** コメントが届くたびに、炎と水の境界位置が変化！ 🔥 炎が水を押し込むことも。 💧 水が炎を押し返すことも。 ユーザー名とコメント内容をもとに演出が生成されるため、コメントによって異なる激突シーンを楽しめます。 **✦ 炎と水が衝突する登場演出** 新しいコメントが届くと、炎が左端から、水が右端から勢いよく広がります。 中央でふたつの力が衝突すると、蒸気がはじけるように出現！ ただコメントが表示されるだけではない、迫力ある登場アニメーションを楽しめます。 **✦ 古いコメントほど戦いが静まる** コメントは下から順番に積み上がる方式。 新しいコメントでは炎と水が激しくぶつかり合い、古くなるにつれて少しずつ勢いが弱まっていきます。 コメントが増えることで、吹き出しごとに異なる激しさが生まれます。 **✦ スーパーチャット・ギフト特別演出「大激突」** スーパーチャットやギフトを受信すると、通常よりも激しい特別演出が発生！ ✨ 炎と水の勢いがアップ ✨ 蒸気がうっすら虹色に輝く ✨ 吹き出しの縁が金色に変化 ✨ 「大激突」の特別ラベルを表示 特別なコメントを、豪華なエフェクトで盛り上げます。 **✦ 蒸発するような退場アニメーション** 最大表示数を超えた古いコメントは、炎と水が消え、蒸気を残して蒸発するように退場します。 時間経過だけでコメントが自動消去されることはありません。 **✦ 迫力と読みやすさを両立** 吹き出し内部の炎と水は、文字が読みやすくなるよう明るさを調整しています。 鮮やかな色彩を保ちながら、コメント本文が背景に埋もれにくいよう配慮した設計です。 **✦ カスタム絵文字・スタンプ対応** カスタム絵文字やスタンプ画像の表示にも対応しています。 スタンプだけのコメントは大きめに表示されます。 ### 🎨 カスタマイズ機能 付属のプレビューHTMLから、見た目や演出を調整できます。 ・本文、ユーザー名の文字サイズ ・文字色、背景色 ・吹き出しの最大幅、最小幅 ・コメント同士の間隔 ・画面端からの余白 ・炎、水、蒸気などの装飾色 ・最大表示コメント数（初期値5件） ・炎、水、蒸気の動き ON/OFF ・登場、退場アニメーションの速度 設定した内容はCSSとして書き出し、テンプレートに反映できます。 ※WebGLで描画される炎と水の色は写実寄りの配色に固定されています。色設定は主に吹き出しの縁やCSS版の演出に反映されます。 ### ⚔️ こんな配信におすすめ！ ・RPG、ファンタジーゲーム実況 ・バトル系、対戦ゲーム実況 ・炎や水をモチーフにしたVTuber配信 ・魔法、属性、元素をテーマにした配信 ・迫力のあるコメント演出を取り入れたい方 ・視聴者のコメントで配信画面を盛り上げたい方 ### 📦 商品内容 ・わんコメ対応HTMLテンプレート本体 ・OBSデモHTML ・カスタマイズ用プレビューHTML ・設定ファイル（editor_schema.json） ・導入説明書 ・トラブルシューティングガイド ### 🖥️ 対応環境 ・OBS Studio ・わんコメ ・HTMLブラウザソース ・WebGL対応環境（推奨） 推奨ブラウザソースサイズ：640 × 720px 背景透過仕様のため、普段の配信画面に重ねて使用できます。 **【WebGLについて】** 本テンプレートは、リアルな炎と水の描画にWebGLを使用しています。 OBSではブラウザソースのハードウェアアクセラレーションを有効にしてご利用ください。 WebGLが使用できない環境では、自動的に簡易的なCSS演出へ切り替わります。 その場合もコメント表示は利用できますが、WebGL版と演出の見た目は異なります。 ### 🔧 導入方法 1. ダウンロードしたZIPファイルを解凍します。 2. `onecomme_template` 内の `fire_water_clash` フォルダを選びます。 3. わんコメのカスタムテンプレートフォルダ内の `custom` にコピーします。 4. わんコメを再起動し、テンプレートを選択します。 5. テンプレートURLをOBSのブラウザソースへ設定します。 ※OBSでは「ローカルファイル」ではなく、わんコメからコピーしたURLを使用してください。 詳しい導入方法は付属の説明書をご確認ください。 ### 📜 利用規約 ✅ 個人・法人を問わず配信や動画で使用可能 ✅ 収益化配信・商用配信での使用可能 ✅ クレジット表記は任意 ❌ ファイルの再配布・再販売は禁止 ❌ 改変したファイルの再配布・販売は禁止 ※本商品はデジタルデータです。 ※OBS・わんコメ本体は付属しません。 ※WebGLの描画品質や動作は、お使いのPC環境・GPU設定によって異なる場合があります。 --- 制作：たっくん