❄️ **曇った窓に、指先でそっと言葉を描く。** 寒い冬の夜。 窓ガラスに白く浮かぶ結露。 指でなぞると文字が現れ、やがて小さな水滴が伝い落ちる。 そんな冬ならではの情景を再現した、OBS・わんコメ対応のコメント吹き出しテンプレートです。 コメントが届くたび、曇った窓に文字がゆっくり浮かび上がり、時間ではなく新しいコメントの到着に合わせて少しずつ曇りが戻っていきます。 窓の外には夜の街、雪深い山小屋、走り続ける夜汽車。 それぞれ異なる世界観を楽しめる、**3種類のHTMLテンプレートをセットで収録**しました。 ### 🪟 収録デザイン（全3種類） **🌃 ① 街あかりの窓** 都会の夜を眺める、細い黒枠のモダンな窓。 ぼんやりとにじむ街の灯が静かに瞬き、結露の向こうに幻想的な夜景が広がります。 ✦ 街の灯がゆらめくアニメーション ✦ 曇りガラス越しににじむ光 ✦ スパチャ・ギフト特別演出「ともしび」 特別なコメントが届くと、窓の外に大きなあたたかな灯がともり、名前の横には小さなハートが描かれます。 **🏔️ ② 山小屋の窓** 雪が降り積もる、ぬくもりある木枠の窓。 窓の外には静かな針葉樹の森と、ゆっくり降り続く雪。 新しいコメントが増えるにつれて、古い窓の下から繊細な霜の花が伸びていきます。 ✦ 降り続く雪と冬の森 ✦ コメントの古さに応じて成長する霜の花 ✦ スパチャ・ギフト特別演出「オーロラ」 特別なコメントが届くと、窓の外に幻想的なオーロラが現れ、雪の結晶が描かれます。 **🚂 ③ 夜汽車の窓** 冬の夜を走る列車の、角が丸いレトロな窓。 遠くに見える町の灯が横へ流れ、窓に付いた水滴は列車の風を受けるように斜めへ走ります。 ✦ 横へ流れていく夜の街明かり ✦ 斜めに伝う水滴の演出 ✦ スパチャ・ギフト特別演出「流れ星」 特別なコメントが届くと、窓の外を流れ星が駆け抜け、星の装飾が浮かび上がります。 ### ✨ 3種類共通の特徴 **✦ 指でなぞるような文字アニメーション** 新しいコメントが届くと、曇りガラスを指先でなぞったように、左から文字が浮かび上がります。 文字が完成すると、その下から小さな水滴がゆっくり伝い落ちます。 **✦ 少しずつ戻ってくる曇り** 新しいコメントが追加されるたび、古いコメントの窓には少しずつ曇りが戻ってきます。 読みやすさを保ちながら、時間の経過を感じさせる繊細な演出です。 **✦ コメントごとに異なる窓の景色** 窓の外の灯の配置や水滴などが、ユーザー名やコメント内容に応じて生成されます。 同じデザインでも、コメントごとに異なる景色を楽しめます。 **✦ 自然なコメントの入れ替わり** 新しいコメントは下から積み上がるように表示。 最大表示数を超えた古いコメントは、窓全体が白く曇るように退場します。 時間経過だけで自動消去されることはありません。 **✦ カスタム絵文字・スタンプ対応** カスタム絵文字やスタンプ画像の表示にも対応。 スタンプだけのコメントは大きめに表示されます。 ### 🎨 カスタマイズ機能 付属のプレビューHTMLで、3種類のデザインを切り替えながら見た目を調整できます。 ・本文、名前の文字サイズ ・文字色、枠の色、曇りの色 ・窓の幅、枠の太さ ・曇りの濃さ ・窓の外の背景色 ・最大表示コメント数 ・窓の外のアニメーション ON/OFF ・水滴の演出 ON/OFF ・登場、退場アニメーションの速度 設定はCSSとして書き出して、テンプレートへ反映できます。 ### ❄️ こんな配信におすすめ！ ・冬の雑談配信、季節限定配信 ・落ち着いた雰囲気のVTuber配信 ・作業配信、深夜のまったり配信 ・雪や夜景をテーマにした配信 ・幻想的、ノスタルジックな配信画面を作りたい方 ・普通のコメント欄とはひと味違う演出を楽しみたい方 ### 📦 商品内容 ・街あかりの窓 HTMLテンプレート ・山小屋の窓 HTMLテンプレート ・夜汽車の窓 HTMLテンプレート ・OBSデモHTML（各1種類） ・カスタマイズ用プレビューHTML ・設定ファイル（editor_schema.json） ・導入説明書 ・トラブルシューティングガイド **3種類すべてを収録したセット商品です。** ### 🖥️ 対応環境 ・OBS Studio ・わんコメ ・HTMLブラウザソース 背景透過仕様のため、普段の配信画面に重ねて使用できます。 推奨ブラウザソースサイズ：640 × 720px ### 🔧 導入方法 1. ダウンロードしたZIPファイルを解凍します。 2. `onecomme_template` 内の使いたいテンプレートフォルダを、わんコメのカスタムテンプレートフォルダへコピーします。 3. わんコメを再起動してテンプレートを選択します。 4. テンプレートURLをOBSのブラウザソースに設定します。 3種類すべてを導入し、配信内容によって使い分けることもできます。 詳しい導入方法は付属の説明書をご確認ください。 ### 📜 利用規約 ✅ 個人・法人を問わず配信や動画で使用可能 ✅ 収益化配信・商用配信での使用可能 ✅ クレジット表記は任意 ❌ ファイルの再配布・再販売は禁止 ❌ 改変したファイルの再配布・販売は禁止 ※本商品はデジタルデータです。 ※OBS・わんコメ本体は付属しません。 ※フォントの表示はご利用環境によって異なる場合があります。 --- 制作：たっくん