⚡ **コメントが届くたび、稲妻が走る。視聴者の言葉が電撃でつながる！** バチッ！と弾ける火花。 青白く輝く稲妻。 そして、次々と通電していくコメント吹き出し。 新しいコメントが届くたび、ひとつ上の吹き出しから稲妻が飛び、次のコメントへ電気が伝わっていく。 そんなダイナミックな演出を楽しめる、OBS・わんコメ対応のHTMLコメント吹き出しテンプレートです。 稲妻は枝分かれしながら空間を走り、着弾すると吹き出しの縁が青白く発光！ 待機中にも小さな放電が発生し、コメント欄全体が電気を帯びているような演出を楽しめます。 サイバー系・SF・近未来・アクションゲームなど、迫力のある配信画面におすすめです！ ### ⚡ 主な特徴 **✦ コメント同士をつなぐ通電アニメーション** 新しいコメントが届くと、直前の吹き出しから稲妻が発生！ 吹き出しの右側の空間を弧を描くように走り、新しいコメントへ電気が伝わります。 ・コメント間を走る青白い稲妻 ・細かく枝分かれする放電 ・着弾地点に散る火花 ・通電した吹き出しの発光 ・稲妻が消えたあとに残る淡い光 コメントが増えるたび、電気が次々と伝わっていく演出を楽しめます。 ※最初のコメントには通電元がないため、吹き出しの縁が光る演出になります。 **✦ リアルな稲妻の描画** 稲妻はCanvasを使用して描画。 外側の淡い光、中間の光、白く輝く芯を重ね、立体感のある放電を表現しています。 一度の放電の中で何度か激しく明滅し、残光を残して消えていきます。 稲妻の形はユーザー名やコメント内容をもとに生成されるため、コメントによって異なる放電パターンが楽しめます。 **✦ 待機中も小さな電撃が走る** コメントが届いていない間も、隣り合う吹き出しの間に小さな稲妻が発生！ 数秒おきに「パチッ」と電気が走り、コメント欄が静かに帯電しているような雰囲気を演出します。 待機中の放電はON/OFFや発生間隔の調整が可能です。 **✦ 古いコメントほど電気が弱まる** 新しく届いたコメントは、強く電気を帯びた状態で表示。 新しいコメントが増えていくと、古い吹き出しの縁の光は徐々に弱まります。 電気が次のコメントへ受け継がれていくような、自然な変化を楽しめます。 **✦ スーパーチャット・ギフト特別演出「落雷」** スーパーチャットやギフトを受信すると、通常とは異なる大規模な落雷演出が発生！ ⚡ 画面上部から太い稲妻が落下 ⚡ 複数の稲妻が枝分かれ ⚡ 表示中の吹き出しが上から順番に連鎖発光 ⚡ 吹き出しの縁が特別な色に変化 ⚡ 「落雷」の特別ラベルを表示 通常コメントとは一味違う、迫力のある演出で特別なコメントを盛り上げます！ **✦ 放電しながら退場するコメント** 新しいコメントは画面下部から積み上がるように表示されます。 最大表示数を超えると、古いコメントが火花を散らし、明滅しながら退場します。 時間経過だけでコメントが自動的に消えることはありません。 **✦ コメントの読みやすさにも配慮** 稲妻はコメント吹き出しの背後に描画されるため、文字に重ならない設計です。 暗い無地の吹き出しに明るい文字を組み合わせ、派手なエフェクトとコメントの視認性を両立しています。 **✦ カスタム絵文字・スタンプ対応** カスタム絵文字やスタンプ画像の表示にも対応。 スタンプだけのコメントは大きめに表示されます。 ### 🎨 カスタマイズ機能 付属のプレビューHTMLから、見た目や演出を調整できます。 **【文字・吹き出し】** ・本文、ユーザー名の文字サイズ ・文字色、名前の色 ・吹き出しの最大幅、最小幅 ・吹き出し同士の間隔 ・画面端からの余白 ・背景色、枠の色 **【稲妻・エフェクト】** ・稲妻の外側の光の色 ・稲妻の中間の光の色 ・稲妻の芯の色 ・火花の色 ・スーパーチャット時の装飾色 ・待機中の小さな放電 ON/OFF ・待機中の放電間隔 **【表示設定】** ・最大表示コメント数（初期値5件） ・登場アニメーションの速度 ・退場アニメーションの速度 設定した内容はCSSとして書き出し、テンプレートに反映できます。 ※editor_schema.jsonも付属しています。専用のスキーマエディターを使用する場合は別途ツールが必要です。 ### 🎮 こんな配信におすすめ！ ・SF、近未来、サイバー系の配信 ・アクションゲーム、対戦ゲーム実況 ・電気や雷をモチーフにしたVTuber配信 ・ロボット、メカ、科学技術系の配信 ・RPGやファンタジーの雷属性演出 ・視聴者のコメントを派手に演出したい方 ・普通のコメント欄とは違った個性的なデザインを使いたい方 ### 📦 商品内容 ・わんコメ対応HTMLテンプレート本体 ・OBSデモHTML（動作確認用） ・カスタマイズ用プレビューHTML ・設定ファイル（editor_schema.json） ・導入説明書 ・トラブルシューティングガイド ### 🖥️ 対応環境 ・OBS Studio ・わんコメ ・HTMLブラウザソース ・Canvas 2D対応環境（稲妻描画に使用） 背景透過仕様のため、普段の配信画面に重ねて使用できます。 **推奨ブラウザソースサイズ：640 × 720px** ※稲妻は吹き出しの右側を通るため、横幅に余裕を持たせてください。 **【描画について】** 稲妻や火花は、演出中だけCanvasで描画されます。 Canvasが使用できない環境では、吹き出しの縁が光る簡易演出に切り替わります。 配信への負荷が気になる場合は、待機中の小さな放電をOFFにすることもできます。 ### 🔧 導入方法 1. ダウンロードしたZIPファイルを解凍します。 2. `onecomme_template` 内の `lightning_link` フォルダを選びます。 3. わんコメのカスタムテンプレートフォルダ内の `custom` にコピーします。 4. わんコメを再起動し、テンプレートを選択します。 5. わんコメでテンプレートURLをコピーし、OBSのブラウザソースへ設定します。 ※OBSでは「ローカルファイル」ではなく、わんコメからコピーしたURLを指定してください。 詳しい導入方法は付属の説明書をご確認ください。 ### 📜 利用規約 ✅ 個人・法人を問わず配信や動画で使用可能 ✅ 収益化配信・商用配信での使用可能 ✅ クレジット表記は任意 ❌ ファイルの再配布・再販売は禁止 ❌ 改変したファイルの再配布・販売は禁止 ※本商品はデジタルデータです。 ※OBS・わんコメ本体は付属しません。 ※Canvasの描画品質や動作は、ご利用環境によって異なる場合があります。 --- 制作：たっくん