# 🌙 夜の静けさを、コメントにも。 柔らかな月明かり、眠る星々、読書灯の温もり。 一日の終わりに訪れる、穏やかで静かな時間。 **「夜更けの余白 - STILL HOURS」** 静かな夜の雑談・ASMR・作業配信などに向けた、落ち着きと透明感を大切にしたコメント吹き出しテンプレートです。 深い青の薄絹、夜空に浮かぶ繊細な星屑、温かな紙と読書灯。 それぞれ異なる素材や光の表情を組み合わせ、配信画面にそっと溶け込むようなデザインに仕上げました。 コメントが届くと、吹き出しがふわりと現れ、柔らかな光が静かに流れます。 強いネオンや派手な演出は控え、視聴者のコメントと配信の雰囲気を大切にした穏やかなアニメーションが特徴です。 **最大の特徴は、3種類のデザインそれぞれで、吹き出しの形状・素材・光の表現が異なること。** 単なる色違いではなく、それぞれの夜の世界観に合わせて、輪郭やプロフィール画像の配置まで変化します。 また、装飾は吹き出し自体に組み込まれているため、大きな外付け装置を設置する必要がなく、配信画面のスペースを圧迫しにくい設計です。 眠る前の雑談、深夜のゲーム実況、読書、勉強、作業配信などにおすすめです。 --- ## ✨ 選べる3つの夜のデザイン ### 🌙 ① 月紗 - MOON VEIL **月明かりに包まれる、静かな夜。** 深いミッドナイトブルーと、薄絹のような柔らかな質感を組み合わせたデザインです。 透明感のある青い装飾に、淡い月光が差し込むような表現を施しました。 吹き出しの輪郭も柔らかく、月夜の静けさを感じさせる仕上がりです。 **デザインの特徴** - 深い青と薄絹のような透明感 - 柔らかな月光を思わせる淡い光 - 滑らかな陰影と繊細な輪郭 - 控えめな反射光 - デザインに合わせたプロフィール画像配置 夜の雑談・睡眠導入・幻想的な配信画面におすすめです。 ### ✨ ② 星眠 - SLEEPING STARS **眠りにつく星々の、小さな輝き。** 静かな夜空に浮かぶ、繊細な星屑をモチーフにしたデザインです。 深い青色の背景に、細かな光の粒子を重ね、穏やかで幻想的な雰囲気を表現しました。 小さな光の粒子がゆっくりと動く、控えめなアニメーションが特徴です。 **デザインの特徴** - 落ち着いた夜空の色彩 - 繊細な星屑の装飾 - ゆっくりと漂う小さな光の粒子 - 夜空を思わせる柔らかな陰影 - 余白を活かしたすっきりとした構成 ASMR・作業配信・リラックス系の配信におすすめです。 ### 🕯️ ③ 灯読 - LAMPLIGHT LETTER **読書灯の下で過ごす、穏やかなひととき。** 温かな紙の質感と、読書灯の柔らかな光を組み合わせたデザインです。 紙の繊維を思わせる繊細なテクスチャと、温もりのある色彩が特徴。 まるで夜の書斎で手紙を読んでいるような、落ち着きのあるコメント欄を演出します。 **デザインの特徴** - 紙の繊維を思わせる繊細な質感 - 読書灯のような温かな光 - 落ち着いた色彩と柔らかな陰影 - 紙をイメージした独自の輪郭 - デザインに合わせたプロフィール画像配置 読書・勉強・作業・深夜の雑談配信におすすめです。 **3種類は、お気に入りの1種類に固定することも、コメントごとに順番に切り替えることも可能です！** --- ## 🌟 静かな夜に寄り添うアニメーション コメントを受信すると、吹き出しが柔らかく登場し、淡い反射光が流れます。 - ふわりと現れる登場アニメーション - 柔らかな光の反射 - 微細な光の粒子が漂う演出 - 登場速度の3段階切り替え - 光の強さや装飾の濃さの調整 - アニメーションのON/OFF - 動きを抑えるモード 派手な光や激しい動きを避け、コメントを読む邪魔にならない穏やかな演出にしています。 動きを抑えたい配信では、アニメーションを停止して静止デザインとして使用することもできます。 ## ⚙️ 17項目のカスタマイズ機能 同梱のデモ＆設定画面から、お好みに合わせて変更できます。 **🎨 デザイン設定** - 3種類のデザイン切り替え・順番表示 - プロフィール画像表示ON/OFF - プロフィール画像サイズ（36～64px） - 専用素材イラスト表示ON/OFF - 素材イラストの濃さ（0～100%） - 柔らかな光の演出ON/OFF - 周囲の灯りの強さ（0～100%） **💬 コメント表示設定** - 最大表示コメント数（1～5件） - 本文の文字サイズ（18～32px） - 名前の文字サイズ（13～24px） - 長文スクロールON/OFF - 長文スクロール速度（20～100px/秒） **✨ アニメーション設定** - 登場アニメーションON/OFF - 柔らかな反射光ON/OFF - 微細な光粒子の動きON/OFF - 登場速度（ゆっくり／標準／速い） - 動きを抑えるモード 設定内容は `settings.js` として保存し、実配信用テンプレートに反映できます。 --- ## 💬 コメント表示機能 名前と本文を別行で表示する、読みやすい縦積みタイプのコメント吹き出しです。 - 新しいコメントが下から追加される縦積み表示 - 最大5件のコメント表示 - 名前と本文を別行で表示 - プロフィール画像の表示に対応 - 長文コメントの横スクロール - 絵文字・コメント内画像・ステッカー相当の画像表示に対応 - Super Chatなどのギフト情報に応じた装飾 - 連続コメントへの対応 - 背景透過対応 - 時間経過によるコメントの自動削除なし - 表示上限を超えた場合、古いコメントから押し出し ※長文や大きな画像を含むコメントでは、画面内に収めるため表示件数が少なくなる場合があります。 ## 🌙 こんな方におすすめ！ - 静かな夜の雑談配信をしている方 - ASMR・睡眠導入系の配信をしている方 - 深夜のゲーム実況をしている方 - 読書・勉強・作業配信をしている方 - 落ち着いた色合いの配信画面が好きな方 - 月明かり・星空・アンビエントな雰囲気が好きな方 - 派手なネオンよりも柔らかな光の演出を使いたい方 - 配信画面のスペースを圧迫せず、上品なコメント欄を作りたい方 ## 📦 商品内容 - わんコメ導入用テンプレートZIP - 実配信用HTML・CSS・JavaScript - 3種類の専用装飾PNG素材 - デモ＆設定変更用HTML - 設定ファイル（settings.js） - 実際のHTMLを使用したプレビュー画像 - 日本語導入マニュアル - 設定ガイド - 英語ガイド - トラブルシューティング - 利用規約 ## 🖥️ 対応環境 - OBS Studio - わんコメ9系（OneSDK使用を想定） - YouTubeコメント向け - Windows環境での利用を想定 ※OBS・わんコメ本体は付属しません。 ## 🔧 導入方法 1. ダウンロードした商品ZIPを解凍します。 2. `install` フォルダ内の `Still_Hours_OneComme_v1.0.0.zip` を、わんコメのカスタムテンプレートに追加します。 3. 追加したテンプレートをOBSへ配置します。 4. わんコメのコメントテスターで表示を確認してください。 OBSブラウザソースは1920×1080を推奨します。 ### 🎨 デザインを変更したい場合 同梱の `obs_demo/index.html` をChromeまたはEdgeで開いてください。 デザイン・文字サイズ・表示数・光の強さ・アニメーションなどを変更できます。 変更後に「settings.js を保存」から設定ファイルを書き出し、実配信用テンプレート内の同名ファイルと置き換えてください。 すでにわんコメへ追加している場合は、インストール先の設定ファイルも更新し、OBSのブラウザソースを再読み込みしてください。 ※ `editor_schema.json` 単体では、わんコメ標準の編集画面に設定項目は自動追加されません。付属のデモ画面をご利用ください。 --- ## ⚠️ ご注意 - 本商品はダウンロード形式のデジタル商品です。 - 月光・星屑・薄絹・紙などの質感は、専用画像とHTMLによる視覚表現です。 - 効果音・BGM・配信背景・人物アバター画像は付属しません。 - 本商品はわんコメ・OBSの公式商品ではありません。 - 絵文字・画像・ギフト情報の表示は受信データや画像URLの状態に依存します。 - ブラウザ表示と模擬OneSDK受信による検証は実施していますが、実際のわんコメ・OBSを接続した実機テストは未実施です。ご利用前にコメントテスターで動作をご確認ください。 ## 📜 利用規約 ✅ 個人・法人のライブ配信、収益化配信、録画動画での利用OK ✅ ご自身の配信用途での設定・コードの改変OK ✅ クレジット表記は任意 ❌ 商品データ・装飾画像の再配布・再販売は禁止 ❌ 改変したテンプレートの再配布・再販売は禁止 ❌ 第三者が素材を抽出・再利用できる状態での公開は禁止 詳細は同梱の `LICENSE.txt` をご確認ください。 --- 制作：たっくん バージョン：v1.0.0