窓の向こうに、今日の空模様。 にじむ夕焼け、夜を照らす稲光、霜の広がる冬のガラス。 雨の窓越しに眺める景色を、コメント吹き出しに閉じ込めました。 「夕立の窓」「雷雨の窓」「みぞれの窓」の3デザインを収録した、OBS・わんコメ向けHTMLテンプレートセットです。 雑談、作業、朗読、ゲーム実況など、配信の雰囲気に合わせてお使いいただけます。 ━━━━━━━━━━━━━━ ■ 夕立の窓 ━━━━━━━━━━━━━━ 雨の向こうに広がる夕焼けと、にじむ街の灯り。 遠くには家並みのシルエットが浮かびます。 新しいコメントが積み重なるほど、古いコメントの空は藍色へ沈み、日暮れの表情に変化します。 スパチャ・ギフトの演出は「夕虹」。 雨の向こうに、うっすらと虹がかかります。 ━━━━━━━━━━━━━━ ■ 雷雨の窓 ━━━━━━━━━━━━━━ 横なぐりの雨が打ちつける、深い夜の窓。 ときどき稲光が表示中の吹き出しを同時に照らし、窓の向こうに稲妻が現れます。 新しいコメントが積み重なるほど、古いコメントの雨脚が弱まります。 スパチャ・ギフトの演出は「稲光」。 雷の演出が発生し、対象の吹き出しには稲妻がうっすら残ります。 ※雷の演出は設定でOFFにできます。 ━━━━━━━━━━━━━━ ■ みぞれの窓 ━━━━━━━━━━━━━━ 雨に雪がまじる、冷たい昼下がり。 明るいガラスに濃い文字を合わせた、冬の窓のデザインです。 溶けかけの氷の粒がガラスに付き、外ではみぞれが舞います。 新しいコメントが積み重なるほど、古いコメントの四隅に霜が広がります。 スパチャ・ギフトの演出は「雪あかり」。 窓の外にあたたかな灯りがともり、ガラスに雪の結晶が付きます。 ━━━━━━━━━━━━━━ ■ 3種共通の特徴 ━━━━━━━━━━━━━━ ・ガラスに付いた水滴と、流れ落ちる雨筋 ・投稿者名や本文などに応じて変化する水滴の配置 ・くもったガラスが晴れるような登場演出 ・ガラスがくもるような退場演出 ・名前と本文を別行に表示 ・新しいコメントを下に追加し、古いコメントを上へ移動 ・時間経過による自動消去なし ・最大表示数を超えると、古いコメントから退場 ・長文は吹き出し幅に合わせて折り返し ・本文に含まれる画像絵文字を表示 ・画像だけの本文は大きめに表示 ・吹き出しの外側は背景透過 水滴や景色は文字の奥に配置し、文字にはふちどりを付けています。 雨や空模様の演出は、吹き出しの内側で楽しめます。 ━━━━━━━━━━━━━━ ■ 調整できる項目 ━━━━━━━━━━━━━━ ・本文／名前の文字サイズ、行間 ・吹き出しの最大幅／最小幅 ・コメント間隔、画面端の余白 ・本文、名前、ガラス、水滴、景色などの色 ・ガラスの濃さ、くもりの濃さ ・最大表示コメント数（初期値5件） ・雨筋や灯りなどの動きのON／OFF ・登場／退場アニメーションの速さ ・雷の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つの窓は、それぞれ独立したテンプレートです。 実際の天気や時刻に連動して、自動で切り替わる機能はありません。 「古いコメントほど変化する」演出は、新しいコメントの追加に伴う表示順に応じたものです。放置時間に応じて進行する仕組みではありません。 雷雨の窓には、吹き出し内が明るくなる稲光の演出があります。光の変化が苦手な場合は、雷をOFFにしてご利用ください。 スパチャ・ギフトの判定や金額表示は、わんコメから受け取る情報に依存します。 画像表示は本文に画像情報が含まれる場合が対象です。 長文や表示件数によっては画面内に収まらない場合があります。ソースの高さ・文字サイズ・最大表示数などを調整してください。 OBS・わんコメは別途ご用意ください。 本商品は、わんコメの公式商品ではありません。 ━━━━━━━━━━━━━━ ■ ご利用について ━━━━━━━━━━━━━━ 配信・動画での商用／非商用利用が可能です。 ファイルの再配布・転売、改変したファイルの配布は禁止しています。 本素材の作者クレジットは任意です。 わんコメ側の利用規約・クレジット表記条件は別途ご確認ください。 制作：たっくん