満月が浮かぶ幻想的な夜空をモチーフにした、わんコメ / OBS対応のコメント吹き出しHTMLテンプレートです。 深い夜空のグラデーション、淡く光る満月、きらめく星、夜雲をイメージした装飾を取り入れ、落ち着いた雰囲気の配信画面に合わせやすいデザインに仕上げています。 背景透過のため、ゲーム配信・雑談配信・歌枠・作業配信など、さまざまな配信画面に自然に馴染みます。 -------------------------------- 主な特徴 -------------------------------- ・わんコメ対応 ・OBSブラウザソース対応 ・HTML / CSS / JavaScript形式 ・背景透過 ・吹き出しのみ表示 ・満月、星、夜空モチーフの幻想的なデザイン ・下から上へ流れるコメント表示 ・一文字ずつ表示される文字送り演出 ・Twitchスタンプなどの画像付きコメントに対応 ・obs_demo 同梱 ・実配信用テンプレートと見た目確認用デモを分離 ・editor_schema.json 同梱 ・時間経過ではコメントが消えず、最大表示件数超過時のみ古いコメントを削除 -------------------------------- デザインについて -------------------------------- 夜空に浮かぶ満月と、静かな深夜の空気感をイメージして制作したコメント吹き出しです。 濃紺〜紫系の夜空グラデーションに、淡く光る満月や星の装飾を重ね、幻想的で落ち着いた雰囲気になるよう調整しています。 派手すぎず、それでいて画面に置いた際にしっかり存在感が出るよう、光の演出や月明かり風のアクセントも加えています。 雑談配信や夜配信、睡眠導入、歌枠、ファンタジー系配信画面とも相性が良いデザインです。 -------------------------------- 使用方法 -------------------------------- 1. ZIPを解凍します。 2. OBSで「ブラウザソース」を追加します。 3. onecomme_template 内の index.html を指定します。 4. わんコメを起動します。 5. コメントテスター、または実コメントで表示を確認します。 -------------------------------- 見た目だけ確認したい場合 -------------------------------- obs_demo/index.html は見た目確認用のデモページです。 ブラウザで開くだけでサンプルコメントを表示できます。 ※ 実配信では onecomme_template 側の index.html を使用してください。 -------------------------------- 内容物 -------------------------------- ・README_FIRST.txt ・docs / troubleshooting.txt ・obs_demo ・onecomme_template ・editor_schema.json ・template.json -------------------------------- 注意事項 -------------------------------- ・実配信やコメントテスター確認には、必ず onecomme_template 側の index.html を使用してください。 ・obs_demo/index.html は見た目確認専用です。 ・背景画像や配信画面そのものは含まれていません。 ・OBS側で表示が更新されない場合は、ブラウザソースのキャッシュ更新をお試しください。 ・環境によって見え方が多少異なる場合があります。 ・素材の再配布、自作発言、転売は禁止です。 -------------------------------- 想定用途 -------------------------------- ・VTuber配信 ・雑談配信 ・歌枠 ・睡眠導入配信 ・夜配信 ・作業配信 ・ファンタジー系配信 ・落ち着いた雰囲気の配信画面