【配信】動くお部屋 12室|ドット絵のライブ背景 第2弾|和室・台所・温室・レコード屋・コインランドリー・屋上ほか|部屋の時計は実時刻・昼夜が実時間で変わる・動画ではないので軽い・登録不要
- Digital800 JPY







配信画面いっぱいに敷く「動く部屋」の背景です。湯気が立ち、ドラムが回り、部屋の時計が動きます。待機画面・雑談配信・作業配信の下地にどうぞ。全12室入りです。 動画素材ではありません。その場で1ドットずつ描いているので、ループの継ぎ目が出ません。天気も時間帯も速さも、あとから設定ボタン(⚙)で変えられます。容量はごくわずかです。 飾りではなく、いまの時刻と時間帯がそのまま絵に出ます。12室すべてに時計があり、実際のいまの時刻を指します。窓の外の明るさも朝・昼・夕方・夜で変わり、暗くなれば部屋の明かりが自動で点きます。 単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。 ※「動くお部屋 3室(雨の夜の書斎・ネオンの部屋・冬の暖炉)」の第2弾です。部屋は1つも重なっていません。第1弾を持っていなくても、これだけで使えます。 ━━━━━━━━━━━━━━━━━━ ◆ 収録している12室 ━━━━━━━━━━━━━━━━━━ ・washitsu.html … 和室と縁側 障子に竹の影が揺れ、軒の風鈴が鳴り、急須から湯気。柱時計は振り子つき。 ・kitchen.html … 台所とやかん コンロの青い炎、やかんと鍋の湯気、蛇口から落ちるしずく。壁は丸時計。 ・models.html … 模型棚の部屋 ガラス棚のロケット・帆船・車。展示台が回り、風車の羽根が回り、棚のLEDの色が巡ります。 ・attic.html … 屋根裏部屋 裸電球がゆっくり揺れ、光だまりも一緒に動きます。天窓の雨と、光の中の埃。 ・green.html … 温室 葉とつる草が揺れ、ガラスを結露が伝い、床には霧。支柱に丸時計と温度計。 ・record.html … レコード屋 ターンテーブルが回り、VUメーターの針が揺れ、店先のネオンが明滅します。 ・retro.html … ブラウン管の部屋 画面を走査線が流れ、壁のLEDテープの色が巡ります。デッキのデジタル時計。 ・laundry.html … コインランドリー 洗濯機のドラムが回り、蛍光灯が1本だけ明滅。ガラス戸の外は雨。 ・bench.html … はんだ付けの机 はんだの煙が立ち、オシロに波形が流れ、ブレッドボードのLEDが点滅します。 ・rooftop.html … 屋上と給水塔 換気扇が回り、航空障害灯が点滅し、豆電球が揺れます。隣のビルの時計塔が実時刻。 ・bath.html … 浴室とタイル 湯気が上がり、湯面が揺れ、蛇口からしずく。鏡は曇っていて、雫が伝います。 ・sewing.html … 裁縫の部屋 ミシンの針が上下し、布が送られ、はずみ車が回ります。アイロンからは湯気。 ━━━━━━━━━━━━━━━━━━ ◆ 実時間に連動するもの ━━━━━━━━━━━━━━━━━━ ・部屋の時計 … 実際のいまの時刻を指します(12室すべてにあります) ・窓の外の明るさ … 朝・昼・夕方・夜で変わります(初期設定) ・太陽と月 … 晴れのとき、時刻に合わせて空を横切ります ・部屋の明かり … 暗くなると自動で点きます 朝に配信を始めて夜まで続ければ、置いてある部屋も一緒に暮れていきます。 「配信はいつも夜だけれど、昼の温室にしたい」というときは ?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=雪) ※ attic と laundry は初期が雨、ほかの10室は初期が晴れです ・?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 の文字は出ません) ※ デジタル時計の4室(models / retro / laundry / bench)だけです ・?lang=ja … ⚙パネルの言語(ja / en) ・?key=a … ⚙の保存先を分ける ・?mode=stream … ⚙を完全に出さない 例)green.html?weather=snow&time=evening&lights=on 例)laundry.html?time=night&speed=0.6&format=12 ━━━━━━━━━━━━━━━━━━ ◆ ご注意 ━━━━━━━━━━━━━━━━━━ ・効果音はありません(表示のみです)。雨音・湯気の音などは付いていません ・天気は「いまの天気」ではありません。雨・晴れ・雪は、こちらで選ぶ設定です ・時刻はPCの時計を使います ・キャラクターは出てきません。部屋と、物と、光だけです ・外部アプリやAPIとの連携機能はありません ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・画像素材も動画も使わない「コード製」。外部への通信は一切ありません(ネット接続不要) ・描画は「その時刻の絵」を毎回計算しているだけで、過去のコマを溜め込みません。長時間つけっぱなしにしてもメモリが増えていきません ・動画ではないので、容量はごくわずかで、ループの継ぎ目もありません ・Chrome / Edge で動作確認済み。OBS Studio 28以降のブラウザソース(Chromium)や、Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます ・配信可・商用利用可(同梱の利用規約参照) ◆ こんな方に ・待機画面や雑談配信の背景に、静止画ではなく「動くもの」を敷きたい方 ・作業配信・作業用BGM配信の下地に ・重い動画ループを回さずに、軽い背景で画面を持たせたい方 ・シーンごとに違う部屋を使い分けたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。






