【配信】時計 OBS用デザインパック 20種 ─ アナログ/ネオン/漢数字/ドット絵など・透過・登録不要

配信画面に置く時計を、20デザイン収録したパックです。OBSのブラウザソースに背景透過のまま重ねられます。表示するのはお使いのPCの時刻です。

単一HTML・インストール不要・アカウント不要・ライセンスキー不要・オフライン動作。使いたい .html をダブルクリックするだけ。Windows・Mac両対応。日本語／English 切替対応（ブラウザの言語で自動判別＋?lang=で指定）。

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

◆ 収録デザイン 20種（1ファイル＝1デザイン）

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

【円形の盤面 7種】※うち針で読むアナログ時計は4種

・analogclassic …… 定番のアナログ時計（白盤＋インデックス）

・analogminimal …… 極細ミニマルのアナログ

・luxurywatch …… ダーク×ゴールドの高級腕時計風（滑らかに動く秒針）

・pocketwatch …… 懐中時計（ローマ数字・真鍮枠・スモールセコンド）

・rotaryring …… 時／分／秒が同心円のリングで回る

・bloomclock …… 花びらが時分秒で開く

・radarsweep …… レーダー掃引の盤面

【デジタル・装飾 13種】

・wordclock …… 文字盤の言葉が光る（日本語と英語で盤面そのものが別）

・kanjiclock …… 漢数字の縦組み（十八時三十四分）

・dotmatrix …… LED電光掲示板（ドットマトリクス）

・binaryclock …… バイナリ時計（ランプ列＋10進の小表示つき）

・lcdretro …… 昭和のデジタル腕時計LCD（灰緑パネル・曜日ブロック）

・neonsign …… ネオン管サイン（コロンが明滅）

・aquarium …… 水中（泡・魚・光条）

・sakura …… 和モダンの縦バナー（桜が舞う）

・pixelclock …… ドット絵ゲームUI風のウィンドウ枠

・vaporwave …… ヴェイパーウェイヴ（グリッド地平線＋太陽）

・steampunk …… 真鍮板＋回る歯車＋銘板

・pastelbubble …… ゆめかわパステルのぷっくり泡

・marbleplate …… 大理石プレート＋箔押し文字

※すべてコードで描画しています（画像・動画・Webフォントは一切読み込みません）

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

◆ OBSに出す

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

・OBSの「ソース」→「ブラウザ」→「ローカルファイル」で使いたい .html を指定するだけです

・背景は最初から透過なので、そのまま配信画面に重なります（黒い箱になりません）

・ブラウザソースの幅・高さを変えても中身は中央に配置されます。大きさは ?scale= で調整してください

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

◆ URLパラメータ（20種すべて共通）

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

ファイル名の後ろに付けます。2つ目からは & でつなぎます。

例）neonsign.html?theme=cyan&format=12&date=on&scale=1.4

・?theme= …… 配色（デザインごとに4種／wordclockのみ5種・下記）

・?scale= …… 大きさ 0.3〜4（既定 1）

・?lang= …… ja / en（省略時はブラウザの言語で自動判別）

・?format=12 …… 12時間表示（省略時は24時間表示）

・?sec=off …… 秒を隠す

・?date=on …… 日付を表示（2026年7月23日）

・?day=on …… 曜日を表示（金）

・?title= …… 見出しの文言（省略・空欄で非表示）

※ wordclock は「〜じ 〜ふん」と言葉で読む構造のため ?format= は効きません（もともと12時間の言い回しです）。

【デザイン別テーマ】

・analogclassic … ivory / noir / navy / mint

・analogminimal … white / ink / coral / gold

・luxurywatch … gold / silver / rose / green

・pocketwatch … brass / copper / silver / midnight

・rotaryring … aqua / sunset / forest / mono

・bloomclock … peach / violet / aqua / night

・radarsweep … green / amber / cyan / rose

・wordclock … warm / mint / rose / ice / paper

・kanjiclock … washi / sumi / ai / sakura

・dotmatrix … amber / red / green / cyan

・binaryclock … emerald / amber / ice / violet

・lcdretro … lcd / olive / blue / pink

・neonsign … pink / cyan / lime / gold

・aquarium … lagoon / deep / sunset / moss

・sakura … sakura / yozakura / matcha / kinari

・pixelclock … gb / nes / candy / dark

・vaporwave … classic / sunset / mint / noir

・steampunk … brass / copper / iron / verdigris

・pastelbubble … mint / peach / lavender / sky

・marbleplate … white / black / green / rose

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

◆ 特長

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

・画像・動画・Webフォントを使わない「コード製」で軽量。ネット接続不要（外部への通信はありません）

・インストール・アカウント登録・ライセンスキーの入力は不要

・Windows・Mac両対応（ブラウザだけで完結）

・Chrome／Edge で動作確認済み

・配信・動画での使用は自由（商用利用OK／詳細は同梱の利用規約）

◆ こんな方に

・配信画面に時計を置きたい方（雑談・作業配信・待機画面・耐久配信）

・その日の配信の雰囲気に合わせて時計のデザインを変えたい方

・インストール型のツールやライセンスキーを避けたい方（Macでも使いたい方）

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

◆ 同梱ファイル

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

・20デザインの .html（それぞれ単体で動きます）

・はじめにお読みください.txt ／ READ ME FIRST (English).txt

・利用規約.txt ／ TERMS.txt

※本データにフォントは同梱されていません。文字はお使いの端末にあるフォントで描画されます。

※時刻はPCの時計をそのまま表示します（時報・時刻同期の機能はありません）。

※商品画像の配信画面はレイアウトを説明するためのサンプルです。

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

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