【配信】動く情景の中の時計 8種｜水そう・砂時計・宇宙の窓・焚き火・雨の窓・歯車｜昼夜が実時間で変わる・OBS背景透過・設定ボタン(⚙)つき・登録不要・無料版あり

「時計を置く」のではなく、「時計のある景色を置く」ためのウィジェットです。8つの情景がずっと動き続けて、その中に時刻が入っています。全8種入りです。

大事なのは、動きが飾りではなく「いまの時刻そのもの」だということ。砂時計は上下の砂の量が"いまの分"。宇宙ステーションの窓は、昼夜の境目が"いまの太陽の向き"。歯車は脱進機が1秒ごとにカチッと進みます。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。

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

◆ 収録している8種

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

・aquarium.html … 水そうの時計／目安 300x210

　気泡がのぼり、水草が揺れ、水面のゆらぎが砂利に落ちます。時計は水槽台のLEDコントローラ。

・hourglass.html … 砂時計の時計／目安 250x232

　上下の砂の量が「いまの分」。00分＝上が満杯、59分＝下が満杯。毎正時に台座の真鍮がきらりと光ります。

・orbit.html … 宇宙ステーションの窓の時計／目安 260x230

　地球が回り、雲が流れ、星が窓を横切ります。昼夜の境目は、いまの時刻の太陽の向きに合わせて動きます。

・campfire.html … 焚き火の時計／目安 300x200

　炎がゆらぎ、火の粉が舞い、煙が流れます。時計は奥に立てた木の看板。焼き印の数字が炎に合わせて明るさを変えます。

・rainwindow.html … 雨の窓の時計／目安 260x220

　雨粒がガラスを伝い落ち、外は向かいのビルのネオンが滲みます。時計はその時刻を出しているネオン看板。

・gears.html … 歯車の時計／目安 220x220

　文字盤の奥で歯車が実時間で回ります。中央輪は1時間で1回転、秒車は1分で1回転、脱進機は1秒ごと。

・greenhouse.html … 窓辺の観葉植物の時計／目安 320x200

　葉が風に揺れ、埃がきらめきます。窓の外の太陽（夜は月）の位置は実時間そのもの。

・snowlamp.html … 雪の街灯の時計／目安 250x240

　雪が降りしきり、灯りがゆらぎ、雪が街灯と看板に積もっていきます。

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

◆ 無料版があります（このページの ¥0）

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

同じページの ¥0「無料版」からどうぞ。「焚き火の時計（campfire.html）」1種が、製品版とまったく同じ機能で入っています。設定ボタン（⚙）も昼夜の連動も使えます。

まずこれで、OBSでの入れ方と ⚙ の使い勝手を確かめてから、8種の製品版をご検討ください。

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

◆ 情景の光は、いまの時間帯に合わせて変わります

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

朝・昼・夕方・夜で、8つの情景それぞれの光が変わります（初期設定）。朝に配信を始めて夜まで続ければ、置いてある景色も一緒に暮れていきます。

・?time=real … いまの時刻に合わせる（初期設定）

・?time=morning / day / evening / night … その時間帯で固定

「配信はいつも夜だけれど、昼の見た目にしたい」ときは固定してください。

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

◆ 設定ボタン（⚙）

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

URLを書き換えなくても、画面上のボタンから設定できます。

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

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

3. 変更して「保存して閉じる」

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

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

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

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

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

◆ 8種すべてに共通の設定

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

・?format=12 … 12時間表示（AM/PM）にする ※初期は24時間

・?seconds=off … 秒を消す ／ ?date=on … 日付を出す（初期は出しません）

・?time=night … 情景の時間帯

・?zoom=1.4 … 大きさ（0.3〜3） ／ ?speed=0.5 … アニメの速さ（0.2〜3）

・?lang=en … 英語表示

・?bg=on … うしろに暗い下地を敷く（確認用。配信では不要です）

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

このほか、情景ごとに表情の選択肢があります（水槽ライトの色、砂の色、計器の色、火のようす、窓の外の天気とネオンの色、金属の色、葉の色と風、灯りの色と雪の降りかた）。同梱の説明書に全部書いてあります。

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

◆ OBSへの入れ方

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

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

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

3. 幅・高さは上の「目安」を入れる

※ 大きく見せたいときは、OBSの画面上でドラッグして引き伸ばさないでください（ぼやけます）。ブラウザソースの幅・高さを増やしたうえで ?zoom= を上げてください。

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

◆ ご注意

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

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

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

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

・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません

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

◆ 特長

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

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

・長時間つけっぱなしにしても、描画に状態を溜め込まない作りなのでメモリが増えていきません

・Chrome／Edge で動作確認済み

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

◆ こんな方に

・配信画面のすみに、ずっと置いておける「動くもの」が欲しい方

・作業配信・雑談配信・BGM配信の待機画面や常設の飾りに

・季節や時間帯で画面の空気を変えたい方

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

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