配信画面メーカー

配信画面メーカー v1.0

==================================

OBS用の待機・休憩・終了画面のセットです。

━━━━━━━━━━━━━━━━━━━━

■ 商品説明

━━━━━━━━━━━━━━━━━━━━

HTMLファイルをブラウザで開いて文字・色・立ち絵を設定し、

出てきたURLをOBSのブラウザソースに貼るだけで使えます。

待機・休憩・終了三つとも使う場合はOBSのブラウザソースも三つ用意してください。

インストール不要、アカウント登録不要です。

━━━━━━━━━━━━━━━━━━━━

◆ 内容物

━━━━━━━━━━━━━━━━━━━━

・haisin-screen.html（本体）

・readme.txt（使い方・利用規約）

━━━━━━━━━━━━━━━━━━━━

◆ できること

━━━━━━━━━━━━━━━━━━━━

・メッセージ／配信タイトル／BGM曲名を自由に表示

　（配信タイトルとBGM曲名は空欄にすると非表示）

・文字ごとに「左揃え・中央・右揃え」を選択

・位置と大きさを文字ごとに調整

　プレビュー上でドラッグ、または矢印キーで1px単位の微調整

・文字ごとにフォント・文字色・縁取り・影を設定

　縁取りは色と太さ、影は色と濃さを調整できます

・フォント18種類

　丸ゴシック：M PLUS Rounded 1c／Zen Maru Gothic／Kiwi Maru

　ゴシック：Noto Sans JP／Dela Gothic One／RocknRoll One

　ポップ：Mochiy Pop One／Hachi Maru Pop／Rampart One／Train One／Reggae One

　手書き風：Yusei Magic／Klee One／Yomogi／Zen Kurenaido

　明朝・装飾：Shippori Mincho／Kaisei Decol／Stick

　ドット：DotGothic16

・背景テーマ14種類

　基本：光／泡／星空／雪

　季節：桜／梅雨／花火／紅葉

　イベント：お正月／バレンタイン／ハロウィン／クリスマス／誕生日／記念日

　季節・イベントのテーマは、選ぶと配色もテーマに合わせて切り替わります

・配色プリセット8種類（夜空／ミント／深海／さくら／夕焼け／レトロ／森／モノクロ）

　プリセットを選んだあと、背景の色を自由に変更することもできます

・BGM曲名の帯の色と濃さを変更

・背景の動き4段階（なし／弱／普通／強）

・背景の透過（手持ちの背景画像に重ねる用）

・立ち絵の配置（PCから選択 または ドラッグ＆ドロップ）

　揃え・位置・大きさの調整、ふわっと揺らす演出つき

・BGM曲名が長いときは自動で横に流れます

・出力サイズ 1920×1080

━━━━━━━━━━━━━━━━━━━━

■ 使い方

━━━━━━━━━━━━━━━━━━━━

1. このフォルダを好きな場所に置く

2. haisin-screen.html をブラウザ（Chrome／Edge推奨）で開いて設定する

3. 「コピー」ボタンでURLをコピー

4. OBSで「ブラウザ」ソースを追加

→「ローカルファイル」のチェックを外す

→ URL欄に貼り付け

→ 幅1920・高さ1080に設定

5. 休憩・終了画面も使う場合は、画面の種類を「休憩」「終了」に切り替えて

同じようにURLをコピーし、それぞれのOBSシーンに貼る

(色・フォント・テーマ・立ち絵などは、「この画面の見た目」で

「共通の設定」か「この画面だけカスタム」かを選べます。

メッセージは画面ごとに設定できます)

設定を変えたいときは、もう一度 haisin-screen.html を開いて調整し、

新しいURLをOBSに貼り直してください。

━━━━━━━━━━━━━━━━━━━━

■ 旧バージョンから更新するとき

━━━━━━━━━━━━━━━━━━━━

新しい haisin-screen.html で、今使っているファイルを上書きしてください。

同じ場所・同じファイル名なら、OBSに貼ったURLはそのまま使えます。

━━━━━━━━━━━━━━━━━━━━

■ 注意

━━━━━━━━━━━━━━━━━━━━

・立ち絵に使う画像は、haisin-screen.html と同じフォルダに置いてください。

別の場所にあるとOBSで表示されません。

・HTMLファイルや画像を移動すると、OBSに貼ったURLが使えなくなります。

移動した場合は、もう一度URLをコピーし直してください。

・フォントはインターネット経由で読み込みます。

オフラインの環境では別のフォントで表示されます。

━━━━━━━━━━━━━━━━━━━━

■ 操作のヒント

━━━━━━━━━━━━━━━━━━━━

・プレビュー上の文字や立ち絵は、ドラッグで動かせます。

・クリックして選んだあと、矢印キーで1px（Shiftを押しながらで10px）ずつ動かせます。

・「実寸」ボタンで、1920×1080の等倍表示を確認できます。

・季節・イベントのテーマを選ぶと、配色もテーマに合わせて変わります。

・配色プリセットを選ぶと、背景と文字の色がまとめて変わります。

そのあと、色を1つずつ変えることもできます。

━━━━━━━━━━━━━━━━━━━━

■ 利用規約

━━━━━━━━━━━━━━━━━━━━

OK

・個人／法人、収益化の有無を問わず、配信・動画での使用

・自分で使うための改変

・クレジット表記は不要です

NG

・本商品（改変したものを含む）の再配布・転売・譲渡

・本商品を元にした素材やツールの販売・配布

・本商品を自作と偽る行為

本商品の使用によって生じた損害について、制作者は責任を負いかねます。

━━━━━━━━━━━━━━━━━━━━

■ 更新履歴

━━━━━━━━━━━━━━━━━━━━

2026/9/26 v1.0 公開