配信画面いっぱいに敷く「動く町」の背景です。電車が通り、のれんが揺れ、灯台の光が回り、町の時計が動きます。待機画面・雑談配信・作業配信の下地にどうぞ。全12景入りです。 動画素材ではありません。その場で1ドットずつ描いているので、ループの継ぎ目が出ません。天気も時間帯も速さも、あとから設定ボタン（⚙）で変えられます。容量はごくわずかです。 飾りではなく、いまの時刻と時間帯がそのまま絵に出ます。12景すべてのどこかに時計があり、実際のいまの時刻を指します。空の明るさも朝・昼・夕方・夜で変わり、暗くなれば町の灯りが自動で点きます。 単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。 ※「動くお部屋」（部屋の中の景色）と同じ作りで、こちらは「外の景色」です。景色は1つも重なっていません。どちらか片方だけでも使えます。 ━━━━━━━━━━━━━━━━━━ ◆ 収録している12景 ━━━━━━━━━━━━━━━━━━ ・shotengai.html … 商店街の通り 　のれんと提灯が揺れ、袖看板が明滅し、換気口から湯気。通りの時計柱が実時刻。 ・station.html … 駅のホーム 　ときどき電車が通り過ぎます。発車標のLEDが流れ、蛍光灯が明滅し、信号が変わります。上屋の両面時計が実時刻。 ・alley.html … 路地裏と自販機 　裸電球が揺れ、換気扇と室外機が回り、配管からしずくが落ちます。自販機の赤いデジタル表示が実時刻。 ・harbor.html … 港と灯台 　灯台の光が回り、波がうねり、係留された船が上下します。倉庫の妻壁の丸時計が実時刻。 ・torii.html … 神社の参道 　石灯籠の火がゆらぎ、絵馬と紙垂がそよぎ、手水から水が落ちます。社務所の丸時計が実時刻。 ・crossing.html … 交差点と信号 　信号が青→黄→赤に変わり、歩行者灯も連動します。雪が降り、マンホールから湯気。ビルの電光表示が実時刻。 ・yatai.html … 屋台の通り 　鍋から湯気が立ち、提灯がゆらぎ、豆電球の列が揺れます。屋台の梁に掛かった丸時計が実時刻。 ・riverside.html … 川沿いの土手 　川面が光り、草とすすきがなびきます。橋の灯りと、渡っていく光の列。遊歩道の時計柱が実時刻。 ・underpass.html … 高架下 　頭上を電車が通ると桁が震え、砂が落ちます。蛍光灯が明滅し、外だけに雨が降ります。壁のデジタル時計が実時刻。 ・danchi.html … 団地の広場 　窓がひとつずつ点いていき、テレビの光がちらつきます。ベランダの洗濯物がそよぎます。広場の時計柱が実時刻。 ・touge.html … 峠の道 　山霧が流れ、杉が揺れ、ガードレールの反射板が光ります。道路情報板のデジタル表示が実時刻。 ・coastroad.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＝雪） 　※ alley と underpass は初期が雨、crossing は初期が雪、ほかの9景は初期が晴れです ・?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景（alley / crossing / underpass / touge）だけです ・?lang=ja … ⚙パネルの言語（ja / en） ・?key=a … ⚙の保存先を分ける ・?mode=stream … ⚙を完全に出さない 例）harbor.html?weather=snow&time=evening&lights=on 例）underpass.html?time=night&speed=0.6&format=12 ━━━━━━━━━━━━━━━━━━ ◆ ご注意 ━━━━━━━━━━━━━━━━━━ ・効果音はありません（表示のみです）。雨音・波の音などは付いていません ・天気は「いまの天気」ではありません。雨・晴れ・雪は、こちらで選ぶ設定です ・時刻はPCの時計を使います ・人物やキャラクターは出てきません。町と、物と、光だけです。人の気配は、灯りのついた窓・のれん・干した洗濯物・停めた自転車・湯気で表しています ・外部アプリやAPIとの連携機能はありません ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・画像素材も動画も使わない「コード製」。外部への通信は一切ありません（ネット接続不要） ・描画は「その時刻の絵」を毎回計算しているだけで、過去のコマを溜め込みません。長時間つけっぱなしにしてもメモリが増えていきません ・動画ではないので、容量はごくわずかで、ループの継ぎ目もありません ・Chrome / Edge で動作確認済み。OBS Studio 28以降のブラウザソース（Chromium）や、Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます ・配信可・商用利用可（同梱の利用規約参照） ◆ こんな方に ・待機画面や雑談配信の背景に、静止画ではなく「動くもの」を敷きたい方 ・作業配信・作業用BGM配信の下地に ・重い動画ループを回さずに、軽い背景で画面を持たせたい方 ・シーンごとに違う景色を使い分けたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。