【配信】動くお部屋 まとめ 15室｜バラで¥1,300→¥1,000｜ドット絵のライブ背景 第1弾＋第2弾・HTML15本｜部屋の時計は実時刻・昼夜が実時間で変わる・設定ボタン(⚙)つき・登録不要

ドット絵のライブ背景「動くお部屋」第1弾と第2弾を、まとめて1本にしました。全15室・HTML15本。バラで買うと ¥1,300、まとめて ¥1,000 です。

配信画面いっぱいに敷く背景です。雨が降り、湯気が立ち、ドラムが回り、部屋の時計が動きます。待機画面・雑談配信・作業配信の下地にどうぞ。

飾りではありません。部屋の時計は実際のいまの時刻を指し、窓の外の明るさも朝・昼・夕方・夜で、実時間に合わせて変わります。

静止画でもGIFでも動画でもありません。その場で描いている「動く背景」なので、容量はごくわずかで、ループの継ぎ目もありません。長時間つけっぱなしにしても重くなりません。天気・時間帯・明かり・速さは、画面の⚙ボタンからその場で変えられます。

15室すべて別の部屋です。同じ部屋の色違いは1つも入っていません。

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

◆ 入っているもの（2フォルダ / HTML15本）

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

① 動くお部屋（3室）― 夜と灯りの部屋

　雨の夜の書斎　　　本棚・机のランプ・窓の外の雨。壁は丸時計

　ネオンの差す部屋　窓の外は看板とビルの夜景。デジタル時計

　冬の暖炉の部屋　　暖炉の火が主光源。振り子時計

② 動くお部屋 第2弾（12室）― 生活と仕事場の部屋

　和室と縁側　　　　障子に竹の影／風鈴／急須の湯気／柱時計は振り子つき

　台所とやかん　　　コンロの青い炎／やかんと鍋の湯気／蛇口のしずく／壁の丸時計

　模型棚の部屋　　　回る展示台／風車の羽根／棚のLED／卓上扇風機／デジタル時計

　屋根裏部屋　　　　揺れる裸電球／天窓の雨／光の中の埃／目覚まし時計

　温室　　　　　　　揺れる葉とつる草／ガラスを伝う結露／床の霧／支柱の丸時計

　レコード屋　　　　回るレコードとトーンアーム／VUメーターの針／OPENのネオン／壁の丸時計

　ブラウン管の部屋　走査線の流れる画面／色の巡るLED／デッキのデジタル時計

　コインランドリー　回るドラム／明滅する蛍光灯／雨のガラス戸／壁のデジタル時計

　はんだ付けの机　　はんだの煙／オシロの波形／点滅するLED／壁のデジタル時計

　屋上と給水塔　　　回る換気扇／点滅する航空障害灯／豆電球／隣のビルの時計塔

　浴室とタイル　　　湯気と湯面のゆらぎ／蛇口のしずく／曇った鏡／防水の丸時計

　裁縫の部屋　　　　上下する針と送られる布／回るはずみ車／アイロンの湯気／壁の丸時計

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

◆ 実時間に連動するもの（15室すべて）

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

・部屋の時計 … 実際のいまの時刻を指します（15室すべてに時計があります）

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

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

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

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

◆ 導入（30秒）

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

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

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

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

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

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

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

◆ 設定ボタン（⚙）― 15本すべてに付いています

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

・OBSのソースを右クリック →「対話」→ 画面にマウスを乗せると ⚙ が出ます

・天気・時間帯・明かり・速さ・時計の有無を、URLを書き換えずに変えられます

・普段は見えないので配信画面には映りません（歯車が出ないときは S キー）

・設定は保存され、OBSを再起動しても残ります

・「設定を初期化」でいつでも購入時の状態に戻せます

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

◆ 15本すべてで使えるURLの指定

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

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

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

　?lights=on　　 部屋の明かり（auto / on / off）

　?clock=off　　 部屋の時計を消す

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

　?lang=ja　　　 ⚙パネルの言語（ja / en）

　?key=a　　　　 ⚙の保存先を分ける（同じ部屋を2シーンで別の設定に）

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

このほか、デジタル時計の部屋の ?format=12（12時間表示）、暖炉の ?fire=embers（熾火）があります。各フォルダの説明書に全部載せてあります。

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

◆ できないこと（正直に書きます）

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

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

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

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

・背景は透過ではありません。画面いっぱいに敷く「下地」です

・配信プラットフォームや外部サービスとの連携機能はありません

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

◆ 同梱物

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

・お部屋 15室（HTML 15ファイル・第1弾／第2弾のフォルダ分け）

・2パックそれぞれの説明書（日本語／English）

・全体の説明書（日本語／English）

・利用規約（日本語／English）

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

◆ 動作環境・補足

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

・Chrome / Edge で動作確認済み。OBS Studio 28以降のブラウザソース（Chromium）や、Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます

・外部への通信は一切ありません（ネット接続不要・Webフォントなし）

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

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

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

◆ こんな方に

・待機画面や雑談配信の下地を、毎回画像で用意している方

・時計つきの背景がほしい方（時刻を別のウィジェットで重ねなくて済みます）

・外部サービスに繋がない、壊れにくい配信画面にしたい方

・第1弾と第2弾のどちらを買うか迷っていた方

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

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