# 🌙 窓の向こうに広がる、4つの静かな夜。 雨に濡れる街灯、月明かりに照らされた街並み、雪が舞う冬の窓辺、そして夜明け前の海。 まるで窓越しに美しい景色を眺めているような、幻想的で落ち着いたコメント吹き出しテンプレートです。 **「夜窓 - NIGHT WINDOW」** アンティークな窓枠、柔らかなガラスの反射、静かな夜景の明かり。 それぞれの情景に合わせて、窓の外に見える景色や光の色合いを細かく表現しました。 コメントが届くと、窓をモチーフにした吹き出しが柔らかく現れ、ガラスの表面に淡い光が走ります。 さらに、雨の情景では雨粒が窓を流れ、雪の情景では小さな雪片がゆっくりと舞い落ちます。 **最大の特徴は、単なる4色のカラーバリエーションではなく、4つの異なる夜の情景を楽しめること。** コメントごとに景色を切り替えることも、お気に入りの情景に固定することもできます。 また、窓枠・風景・光の演出を吹き出しそのものに組み込んでいるため、大きな外付け装飾を使わず、配信画面のスペースを圧迫しにくい設計です。 深夜の雑談、作業配信、ASMR、落ち着いたゲーム実況などにおすすめです。 --- ## ✨ 主な特徴 ### 🪟 夜景を閉じ込めた窓型デザイン - アンティークな窓枠をイメージした繊細なフレーム - ガラス越しに見える美しい夜景 - 情景ごとに異なる窓の色彩と質感 - 柔らかな窓明かりとガラスの反射 - 左側の円形メダリオンにプロフィール画像を表示 - コメント受信時の控えめな登場アニメーション - 雨や雪のランダムアニメーション - 吹き出し本体と一体化した省スペース設計 - OBS向け背景透過対応 華やかな装飾を施しながらも、中央にはコメントを表示するためのスペースを確保しています。 ## 🌃 選べる4つの夜の情景 **🌧️ ① 雨の街灯 - Rainy Streetlight** 静かな夜の街に降り続く雨。 濡れた建物と琥珀色の街灯が、どこか懐かしく温かな雰囲気を演出します。 窓ガラスの向こうでは、雨粒がそれぞれ異なる速さや長さで流れ落ちます。 雨の位置・長さ・透明度・落下速度などをランダムに変化させることで、自然な雨の表情を表現しました。 雨の日の雑談配信や、落ち着いた夜の作業配信におすすめです。 **🌕 ② 月明かりの街 - Moonlit City** 夜空に浮かぶ美しい月と、遠くに見える街並み。 青白い月光が窓辺を優しく照らす、静かで幻想的なデザインです。 銀青色の窓枠と街のシルエットが、澄み渡った夜の空気を感じさせます。 夜の雑談・音楽配信・幻想的な世界観にぴったりです。 **❄️ ③ 雪の窓辺 - Snowy Window** 静かに雪が降り積もる冬の街並み。 雪をかぶった屋根と、家々の窓から漏れる温かな明かりが印象的なデザインです。 窓の向こうでは、小さな雪片がゆっくりと舞い落ちます。 雪片の位置・大きさ・透明度・落下速度・横方向への流れ方をランダムに変化させ、自然な雪の動きを演出します。 冬の雑談・クリスマスシーズン・癒やし系の配信におすすめです。 **🌅 ④ 夜明け前の海 - Before Dawn** 深い青紫の空と、静かな海に映る夜明けの光。 遠くの水平線に柔らかな朝焼けが広がる、幻想的で穏やかなデザインです。 夜と朝の境界にある静けさを表現しました。 深夜配信の終盤や、穏やかな音楽・作業配信におすすめです。 **4つの情景は、好きな1種類に固定することも、コメントごとに順番に切り替えることもできます！** --- ## ✨ 雨・雪・光のアニメーション 夜窓の世界観を引き立てる、控えめで美しいアニメーションを搭載しています。 **🌧️ 雨のアニメーション** - 雨粒ごとに異なる落下位置 - 長さ・太さ・透明度のランダム変化 - 速度と傾きの違い - 落下ごとに条件を再抽選 - 窓の内側だけに収まる演出 **❄️ 雪のアニメーション** - 雪片ごとのランダムな大きさ - 異なる落下速度と出現位置 - 横方向への自然な揺れ - 透明度や形状の変化 - 落下ごとに条件を再抽選 **🌙 ガラスと光の演出** - 吹き出しの登場アニメーション - ガラスの表面を流れる反射光 - 柔らかな窓明かり - 登場速度の3段階切り替え - アニメーションのON/OFF - 動きを抑えるモード ※雨・雪のアニメーションは、それぞれ対応する情景の窓部分でのみ表示されます。配信画面全体に雨や雪が降る演出ではありません。 ※アニメーションをOFFにしても、装飾画像にもともと描かれている静止した雨や雪の表現は残ります。 ## ⚙️ 17項目のカスタマイズ機能 付属のデモ＆設定画面から、お好みに合わせて調整できます。 **🎨 デザイン設定** - 4種類の情景切り替え・順番表示 - プロフィールアイコン表示ON/OFF - アイコンサイズ（48～88px） - 窓枠・情景イラスト表示ON/OFF - 追加の光・天候演出ON/OFF - 窓枠の濃さ（0～100%） - 窓明かりの強さ（0～100%） **💬 コメント表示設定** - 最大表示コメント数（1～5件） - 本文文字サイズ（18～34px） - 名前文字サイズ（14～26px） **✨ アニメーション設定** - 登場アニメーションON/OFF - ガラス反射光ON/OFF - 登場速度（ゆっくり／標準／速い） - 雨・雪の動く演出ON/OFF - 長文スクロールON/OFF - 長文スクロール速度（20～110px/秒） - すべての動きを抑えるモード 変更した設定は `settings.js` として保存し、実配信用テンプレートに反映できます。 ## 💬 コメント表示機能 名前と本文を別行で表示する、読みやすい縦積みタイプのコメント吹き出しです。 - 新しいコメントが下から積み上がる縦積み表示 - 最大5件のコメント表示 - 名前と本文を別行で表示 - プロフィール画像の表示に対応 - 画像が取得できない場合は情景に合わせた装飾アイコンを表示 - 長文コメントの横スクロール - 絵文字・コメント内画像・ステッカー相当の画像表示 - Super Chatなどのギフト情報に応じた装飾 - 連続コメントへの対応 - 背景透過対応 - 時間経過によるコメントの自動削除なし - 表示数や画面の高さを超えた場合、古いコメントから押し出し ※長文や大きな画像が含まれる場合、画面内に収めるため表示件数が少なくなることがあります。 --- ## 🌙 こんな方におすすめ！ - 深夜の雑談配信をしている方 - 落ち着いた夜の雰囲気が好きな方 - 雨音・雪景色・月明かりなどの世界観が好きな方 - ASMR・作業・音楽配信をしている方 - カフェや書斎のような配信画面を作りたい方 - 季節や気分に合わせてコメント欄の雰囲気を変えたい方 - 派手すぎない上品なコメント吹き出しを探している方 - 配信画面のスペースを圧迫せず、美しい装飾を楽しみたい方 ## 📦 商品内容 - わんコメ導入用テンプレートZIP - 実配信用HTML・CSS・JavaScript - 4種類の専用夜景フレームPNG - デモ＆設定変更用HTML - 設定ファイル（settings.js） - 実際のHTMLを使用したプレビュー画像 - 日本語導入マニュアル - 設定ガイド - 英語ガイド - トラブルシューティング - 利用規約 ## 🖥️ 対応環境 - OBS Studio - わんコメ9系（OneSDKを使用する構成） - YouTubeコメント向け - Windows環境での利用を想定 ※OBS・わんコメ本体は付属しません。 ## 🔧 導入方法 1. ダウンロードした販売用ZIPを解凍します。 2. `install` フォルダ内の `Night_Window_OneComme_v1.0.5.zip` を、わんコメのカスタムテンプレートに追加します。 3. 登録したテンプレートをOBSのブラウザソースへ配置します。 4. わんコメのコメントテスターで表示を確認してください。 OBSのブラウザソースは1920×1080を推奨します。 ### 🎨 デザインを変更したい場合 同梱の `obs_demo/index.html` をChromeまたはEdgeで開いてください。 4つの情景、文字サイズ、表示数、窓明かり、アニメーションなどを変更できます。 設定後に「settings.js を保存」から設定ファイルを書き出し、実配信用テンプレート内の同名ファイルと置き換えてください。 すでにわんコメへ追加している場合は、インストール先の `settings.js` も更新し、OBSのブラウザソースを再読み込みしてください。 ※ `editor_schema.json` 単体では、わんコメ標準の編集画面に設定項目は自動追加されません。付属のデモ画面をご利用ください。 --- ## ⚠️ ご注意 - 本商品はダウンロード形式のデジタル商品です。 - 夜景・窓枠・雨・雪などの質感は画像とHTMLによる視覚表現です。 - 効果音・BGM・雨音・環境音・配信背景・人物アバター画像は付属しません。 - 本商品はわんコメ・OBSの公式商品ではありません。 - コメント内画像・絵文字・ギフト情報の表示は、受信データや画像URLに依存します。 - ブラウザ描画と模擬OneSDK受信による検証は実施していますが、実際のわんコメ・OBSを接続した実機テストは未実施です。ご利用前にコメントテスターで動作をご確認ください。 ## 📜 利用規約 ✅ 個人・法人のライブ配信、収益化配信、録画動画での使用OK ✅ ご自身の配信用途での設定・コードの改変OK ✅ クレジット表記は任意 ❌ 商品データ・装飾画像の再配布・再販売は禁止 ❌ 改変したテンプレートの再配布・再販売は禁止 ❌ 第三者が素材を抽出・再利用できる状態での公開は禁止 詳細は同梱の `LICENSE.txt` をご確認ください。 --- 制作：たっくん バージョン：v1.0.5