【配信】動くお部屋 3室｜ドット絵のライブ背景｜雨の夜の書斎・ネオンの部屋・冬の暖炉｜壁の時計は実時刻・昼夜が実時間で変わる・動画ではないので軽い・登録不要

配信画面いっぱいに敷く「動く部屋」の背景です。雨が降り、明かりが揺れ、壁の時計が動きます。待機画面・雑談配信・作業配信の下地にどうぞ。全3室入りです。

飾りではなく、いまの時刻と時間帯がそのまま絵に出ます。壁の時計は実際のいまの時刻を指し、窓の外の明るさも朝・昼・夕方・夜で変わります。暗くなれば部屋の明かりが自動で点きます。

動画ファイルではありません。その場で1ドットずつ描いているので、容量はごくわずかで、ループの継ぎ目もありません。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。

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

◆ 収録している3室

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

・study.html … 雨の夜の書斎

　本棚、机のランプ、窓の外の雨。壁は丸時計。落ち着いた作業配信・雑談配信に。

・neon.html … ネオンの差す部屋

　窓の外は看板とビルの夜景。デジタル時計。夜の配信・音楽配信に。

・hearth.html … 冬の暖炉の部屋

　暖炉の火が主光源で、部屋全体がゆらぎます。振り子時計。冬・年末年始の配信に。

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

◆ 実時間に連動するもの

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

・壁の時計 … 実際のいまの時刻を指します

・窓の外の明るさ … 朝・昼・夕方・夜で変わります（初期設定）

・部屋の明かり … 暗くなると自動で点きます

朝に配信を始めて夜まで続ければ、置いてある部屋も一緒に暮れていきます。

「配信はいつも夜だけれど、昼の書斎にしたい」というときは ?time=day のように固定できます。

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

◆ OBSへの入れ方

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

1. ソース →「＋」→「ブラウザ」

2.「ローカルファイル」にチェック → 使いたい .html を選ぶ

3. 幅・高さは配信画面と同じ大きさ（例: 1920 x 1080）を入れる

4. ソース一覧でいちばん下（＝いちばん奥）に置く

※ 480×270 のドット絵を整数倍に拡大して描いています。1920x1080 はちょうど4倍です。中途半端な大きさにするとドットがにじむので、1920x1080 / 1280x720 のような 16:9 の大きさをおすすめします。

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

◆ 設定ボタン（⚙）

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

1. ソース一覧の部屋を右クリック →「対話」を選ぶ

2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー）

3. 天気・時間帯・明かり・速さなどを変えて「保存して閉じる」

・普段 ⚙ は見えないので、配信画面には映りません

・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の状態に戻せます

・?key=a ?key=b を付けると、同じ部屋でもシーンごとに別の設定にできます

※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。

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

◆ URLでの設定

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

・?weather=rain … 窓の外の天気（rain＝雨 / clear＝晴れ / snow＝雪）

　※ study と neon は初期が雨、hearth は初期が雪です

・?time=night … 時間帯（real / morning / day / evening / night）

・?lights=on … 部屋の明かり（auto＝暗くなると自動 / on＝いつも点ける / off＝消す）

・?clock=off … 壁の時計を消す

・?speed=0.5 … アニメの速さ（0.2〜3）

・?format=12 … 12時間表示（AM/PM）※ neon と hearth のみ

・?fire=embers … 暖炉を熾火（おきび）にする ※ hearth のみ

・?mode=stream … ⚙を完全に出さない

例）study.html?weather=snow&time=evening&lights=on

例）hearth.html?fire=embers&time=night&speed=0.6

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

◆ ご注意

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

・効果音はありません（表示のみです）。雨音・薪のはぜる音などは付いていません

・天気は「いまの天気」ではありません。雨・晴れ・雪は、こちらで選ぶ設定です

・時刻はPCの時計を使います

・キャラクターは出てきません。部屋と、物と、光だけです

・外部アプリやAPIとの連携機能はありません

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

◆ 特長

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

・画像素材も動画も使わない「コード製」。外部への通信は一切ありません（ネット接続不要）

・描画は「その時刻の絵」を毎回計算しているだけで、過去のコマを溜め込みません。長時間つけっぱなしにしてもメモリが増えていきません

・動画ではないので、容量はごくわずかで、ループの継ぎ目もありません

・Chrome／Edge で動作確認済み

・配信可・商用利用可（同梱の利用規約参照）

◆ こんな方に

・待機画面や雑談配信の背景に、静止画ではなく「動くもの」を敷きたい方

・作業配信・作業用BGM配信の下地に

・重い動画ループを回さずに、軽い背景で画面を持たせたい方

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。