雨の向こうに、違うひかり。 朝日にきらめく水滴。 濡れた路面ににじむネオン。 冬の夜を彩る、あたたかなイルミネーション。 雨の窓ガラス越しに眺める「ひかり」をテーマにした、OBS・わんコメ向けHTMLコメント吹き出し3種セットです。 「天気雨の朝」「ネオン街の雨夜」「冬の雨のイルミネーション」を収録。 景色だけでなく、コメントが積み重なったときの変化や、スパチャ・ギフトの演出もそれぞれ異なります。 ━━━━━━━━━━━━━━ ■ 天気雨の朝 ━━━━━━━━━━━━━━ 日差しの中に雨が降る、明るい朝の窓。 斜めに差し込む光がゆっくり揺れ、水滴の一部がきらりと輝きます。 明るいガラスに濃い文字を合わせ、爽やかな雰囲気に仕上げています。 新しいコメントが積み重なるほど、古いコメントの雨筋が薄れ、日差しが強くなります。 スパチャ・ギフトの演出は「陽だまり」。 あたたかな光の輪がゆっくり回り、水滴のきらめきが大きくなります。 朝の雑談、作業、のんびりした配信に。 ━━━━━━━━━━━━━━ ■ ネオン街の雨夜 ━━━━━━━━━━━━━━ 色とりどりのネオンが、雨ににじむ夜の街。 看板の形や配置がコメントごとに変わり、濡れた路面には縦に伸びる光が映ります。 ネオンの明るさは、息づくようにゆっくり変化します。 新しいコメントが積み重なるほど、古いコメントの看板が消えていきます。 ひとつの灯りを残し、街が静まっていく演出です。 スパチャ・ギフトの演出は「ネオンサイン」。 ハートのネオン管が灯り、吹き出しの縁もネオン色に光ります。 夜の雑談、ゲーム実況、都会的な配信画面に。 ━━━━━━━━━━━━━━ ■ 冬の雨のイルミネーション ━━━━━━━━━━━━━━ 冷たい雨の向こうで、あたたかな電飾がまたたく冬の窓。 ガーランド状に並ぶ灯りと、遠くの光の木。 水滴越しにぼけた光が、落ち着いた夜の景色を作ります。 新しいコメントが積み重なるほど、古いコメントのガラスがくもり、灯りがにじんでいきます。 スパチャ・ギフトの演出は「きらめき」。 窓の向こうに大きな光の星が輝きます。 冬の雑談、朗読、クリスマスシーズンの配信に。 ━━━━━━━━━━━━━━ ■ 3種共通の特徴 ━━━━━━━━━━━━━━ ・ガラスに付いた水滴と、流れ落ちる雨筋 ・投稿者名や本文などに応じて変化する水滴や景色の配置 ・くもったガラスが晴れるような登場演出 ・ガラスがくもるような退場演出 ・名前と本文を別行に表示 ・新しいコメントを下に追加し、古いコメントを上へ移動 ・時間経過による自動消去なし ・最大表示数を超えると、古いコメントから退場 ・長文は吹き出し幅に合わせて折り返し ・本文に含まれる画像絵文字を表示 ・画像だけの本文は大きめに表示 ・吹き出しの外側は背景透過 水滴や景色は文字の奥に配置し、本文にはふちどりを付けています。 雨や光の演出は吹き出しの内側に収まり、配信画面全体を覆いません。 ━━━━━━━━━━━━━━ ■ 調整できる項目 ━━━━━━━━━━━━━━ ・本文／名前の文字サイズ、行間 ・吹き出しの最大幅／最小幅 ・コメント間隔、画面端の余白 ・文字、ガラス、水滴、景色、演出などの色 ・ガラスの濃さ、くもりの濃さ ・最大表示コメント数（初期値5件） ・雨筋や灯りなどの動きのON／OFF ・登場／退場アニメーションの速さ 3デザインを切り替えて確認できるpreview.htmlを同梱。 見た目を調整し、設定用のCSSを書き出せます。 ※本番へ反映するには、書き出したCSSを各テンプレートのstyle.cssへ反映してください。自動反映ではありません。 ※editor_schema.jsonも各デザインに同梱しています。 ━━━━━━━━━━━━━━ ■ 内容物 ━━━━━━━━━━━━━━ ・天気雨の朝 HTMLテンプレート ・ネオン街の雨夜 HTMLテンプレート ・冬の雨のイルミネーション HTMLテンプレート ・各デザインの自動デモ ・3種切り替え式の調整用プレビュー ・各デザインのeditor_schema.json ・日本語導入説明 ・トラブルシューティング 本セット単体でご利用いただけます。 「雨の窓 空模様セット」を購入している必要はありません。 ━━━━━━━━━━━━━━ ■ 導入方法 ━━━━━━━━━━━━━━ 1. ダウンロードしたZIPを展開します。 2. onecomme_template内の使いたいデザインのフォルダを、わんコメのテンプレート用customフォルダへコピーします。 3. わんコメを再起動し、テンプレート一覧から選択します。 4. テンプレートのURLをOBSのブラウザソースに設定します。 3デザインすべてを登録することもできます。 推奨ソースサイズ：幅640 × 高さ720px。 詳しくは同梱のREADME_FIRST.txtをご確認ください。 ━━━━━━━━━━━━━━ ■ ご購入前に ━━━━━━━━━━━━━━ 3デザインはそれぞれ独立したテンプレートです。 実際の天気や時刻に連動して、自動で切り替わる機能はありません。 「古いコメントほど変化する」演出は、新しいコメントの追加に伴う表示順に応じたものです。放置時間に応じて進行する仕組みではありません。 スパチャ・ギフトの判定や金額表示は、わんコメから受け取る情報に依存します。 画像表示は本文に画像情報が含まれる場合が対象です。 長文や表示件数によっては画面内に収まらない場合があります。ソースの高さ・文字サイズ・最大表示数などを調整してください。 OBS・わんコメは別途ご用意ください。 本商品は、わんコメの公式商品ではありません。 ━━━━━━━━━━━━━━ ■ ご利用について ━━━━━━━━━━━━━━ 配信・動画での商用／非商用利用が可能です。 ファイルの再配布・転売、改変したファイルの配布は禁止しています。 本素材の作者クレジットは任意です。 わんコメ側の利用規約・クレジット表記条件は別途ご確認ください。 制作：たっくん