【OBS用・無料版あり】ぷくぷく泡の時計ウィジェット｜5カラー・10フォント・Canvasアニメーション

🫧 Bubble Clock ── 泡がはじけて時間が変わる、配信用の時計ウィジェット

水の中にいるような、透明感のある泡の時計です。

時刻が変わる瞬間、数字が泡をまとってふわっと昇り、

下から新しい数字が「ポコッ」と出てきます🫧

ゲーム配信・雑談配信・作業配信など、どんな画面にもなじむ

癒し系のデザインです。

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

✨ 特長

🫧 時刻が変わるときのアニメーション

　変わった桁だけが泡と一緒に昇って消え、新しい数字が弾むように出てきます。

　泡がはじける演出や、波紋・キラキラも付いています。

🪟 背景透過で、時計だけが映る

　OBSのブラウザソースに読み込むだけで、背景は透明になります。

　白フチと発光があるので、明るい画面でも暗い画面でも見やすいです。

🎨 テーマカラー5色

　💙 ブルー／🩷 ピンク／🧡 サンセット／💜 ラベンダー／💚 ミント

🔤 フォント10種類

　Cherry Bomb One／Fredoka／Momo Trust Display／M PLUS Rounded 1c／

　Coiny／Chango／Titan One／Poetsen One／Bungee／Righteous

🛠️ かんたん設定パネル

　ブラウザで開いて「Pキー」で設定画面を表示。

　フォント・色・サイズを選び、

　「URLをコピー」してOBSに貼るだけ。専門知識はいりません。

📅 日付表示も選べる

⚙️ 細かい調整も

　12時間・24時間表示／秒表示／配置（中央・左・右）／サイズ／

　泡の量／発光の強さ／泡を出す範囲／30fps（軽量モード）

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

📦 内容

・index.html（時計ウィジェット本体）

・README.txt（導入方法・設定一覧）

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

🎬 導入方法

1️⃣ DLして解凍したindex.htmlをブラウザで開く

2️⃣ 「Pキー」で設定画面を表示して時計をカスタマイズ

3️⃣ 設定画面のURLをコピー

1️⃣ OBSで「ソース」→「＋」→「ブラウザ」を追加

2️⃣ URL欄にコピーしたURLをペースト！

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

💻 動作環境

・OBS Studio（ブラウザソース）

・フォントの読み込みにインターネット接続が必要です

　（オフラインのときは丸ゴシック体で表示されます）

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

🎁 無料サンプル版もあります

ブルー1色・Cherry Bomb Oneで、アニメーションは製品版と同じです。

まずは無料版で、お使いの環境での動作をお試しください🫧

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