✨ **神聖なる光か、すべてを呑み込む闇か。コメントの中で、ふたつの力がせめぎ合う。** 左から差し込む、黄金色の光。 右から侵食する、紫黒の闇。 吹き出しの内部で光と闇が渦を巻き、互いの領域を奪い合う。 そんな幻想的で迫力ある演出を楽しめる、OBS・わんコメ対応のHTMLコメント吹き出しテンプレートです。 金色の光の筋、羽根のように舞い上がる光の粒、触手のように伸びる闇の煙まで、WebGLで表現。 コメントごとに光と闇の勢力バランスが変化し、ひとつひとつ異なる景色が生まれます。 ファンタジー、ダークファンタジー、RPG、神話などの世界観を持つ配信におすすめです！ ### ✨ 主な特徴 **✦ WebGLで描く光と闇の激突** 吹き出しの左側には、斜め上から差し込む神聖な光。 右側には、渦を巻きながら広がる紫黒の闇。 ふたつの力が境界でぶつかり合い、絶えず形を変えながらせめぎ合います。 ・黄金色に輝く光の筋 ・羽根のように舞い上がる光の粒 ・触手のように光へ食い込む闇 ・渦を巻く紫黒の煙 ・金白色と紫色に輝く境界 静止画では味わえない、幻想的なアニメーションを楽しめます。 **✦ コメントごとに変化する勢力バランス** 新しいコメントが届くたび、光と闇の境界位置が変化！ ✨ 光が闇を押し返すことも。 🌑 闇が光を侵食することも。 ユーザー名とコメント内容をもとに演出が生成されるため、コメントごとに異なる光と闇のせめぎ合いを楽しめます。 **✦ 光と闇が衝突する登場演出** コメントが届くと、光が左側から、闇が右側から広がります。 中央でふたつの力が衝突すると、境界にまばゆい閃光が走ります。 幻想的な世界観とダイナミックな登場アニメーションを組み合わせた演出です。 **✦ 古いコメントほど戦いが静まる** 新しいコメントは激しく光と闇がせめぎ合う状態で登場。 新たなコメントが追加されるにつれて、古い吹き出しの動きは少しずつ穏やかになっていきます。 新しいコメントと古いコメントで異なる表情が楽しめます。 **✦ スーパーチャット・ギフト特別演出「天啓」** スーパーチャットやギフトを受信すると、特別な「天啓」演出が発生！ ✨ 神聖な光が闇を大きく押し返す ✨ 光の粒が増えて輝きが強まる ✨ 吹き出しの縁が金色に発光 ✨ 「天啓」の特別ラベルを表示 特別なコメントを、神秘的で豪華な光の演出で彩ります。 **✦ 闇に呑まれる退場アニメーション** コメントは下から積み上がるように表示されます。 最大表示数を超えた古いコメントは、光を失い、闇に呑み込まれるように退場。 時間経過だけでコメントが自動消去されることはありません。 **✦ 派手な演出とコメントの読みやすさを両立** WebGLの描画では、文字が表示される範囲を判定し、その部分の背景の明るさを自動的に抑えます。 文字から離れた部分では光が強く輝き、本文付近では読みやすさを優先。 美しいエフェクトと実用性の両立を目指した設計です。 **✦ カスタム絵文字・スタンプ対応** カスタム絵文字やスタンプ画像の表示にも対応。 スタンプだけのコメントは大きめに表示されます。 ### 🎨 カスタマイズ機能 付属のプレビューHTMLから、見た目や演出を調整できます。 **【文字・吹き出し】** ・本文、ユーザー名の文字サイズ ・文字色、名前の色 ・吹き出しの最大幅、最小幅 ・コメント同士の間隔 ・画面端からの余白 ・吹き出しの背景色 **【色・演出】** ・光の側の縁の輝き色 ・闇の側の縁の輝き色 ・スーパーチャット時の装飾色 ・光と闇の動き ON/OFF ・最大表示コメント数（初期値5件） ・登場、退場アニメーションの速度 設定した内容はCSSとして書き出し、テンプレートに反映できます。 ※WebGLで描画する光と闇の内部色は、文字の読みやすさを保つため固定されています。 ※editor_schema.jsonも付属しています。専用のスキーマエディターを利用する場合は別途ツールが必要です。 ### ⚔️ こんな配信におすすめ！ ・RPG、ファンタジーゲーム実況 ・ダークファンタジー、ホラー系配信 ・天使、悪魔、神、魔王をモチーフにしたVTuber配信 ・光属性、闇属性をテーマにした配信 ・神話や魔法をテーマにした配信 ・幻想的で重厚な配信画面を作りたい方 ・普通のコメント欄とは違う特別な演出を楽しみたい方 ### 📦 商品内容 ・わんコメ対応HTMLテンプレート本体 ・OBSデモHTML（動作確認用） ・カスタマイズ用プレビューHTML ・設定ファイル（editor_schema.json） ・導入説明書 ・トラブルシューティングガイド ### 🖥️ 対応環境 ・OBS Studio ・わんコメ ・HTMLブラウザソース ・WebGL対応環境（推奨） 背景透過仕様のため、普段の配信画面に重ねて使用できます。 **推奨ブラウザソースサイズ：640 × 720px** **【WebGLについて】** 本テンプレートは、光と闇の描画にWebGLを使用しています。 OBSではブラウザソースのハードウェアアクセラレーションを有効にしてご利用ください。 WebGLが使用できない環境では、自動的に簡易的なCSS背景へ切り替わります。 その場合もコメント表示は利用できますが、WebGL版の光と闇のアニメーションは表示されません。 描画は約30fps・解像度0.75倍を基本として、吹き出し内部のみを描画する設計です。 ### 🔧 導入方法 1. ダウンロードしたZIPファイルを解凍します。 2. `onecomme_template` 内の `light_and_dark` フォルダを選びます。 3. わんコメのカスタムテンプレートフォルダ内の `custom` にコピーします。 4. わんコメを再起動してテンプレートを選択します。 5. わんコメからテンプレートURLをコピーし、OBSのブラウザソースに設定します。 ※OBSでは「ローカルファイル」ではなく、わんコメからコピーしたURLを指定してください。 詳しい導入方法は付属の説明書をご確認ください。 ### 📜 利用規約 ✅ 個人・法人を問わず配信や動画で使用可能 ✅ 収益化配信・商用配信での使用可能 ✅ クレジット表記は任意 ❌ ファイルの再配布・再販売は禁止 ❌ 改変したファイルの再配布・販売は禁止 ※本商品はデジタルデータです。 ※OBS・わんコメ本体は付属しません。 ※WebGLの描画や動作は、お使いのPC環境・GPU設定によって異なる場合があります。 --- 制作：たっくん