【OBS用・配信素材】Bloom Clock｜花とリボンの動くデジタル時計＆カウントダウン｜背景透過・縦型対応・設定ツール付き

OBS Studioのブラウザソースで使える、花とリボンをモチーフにした動くデジタル時計＆カウントダウンタイマーです。

背景透過で配信画面に重ねられ、横長・コンパクト・縦型配信の3レイアウトに対応。付属の設定ツールから、配色・フォント・サイズ・装飾・アニメーション・日付・タイムゾーンなどを、HTMLやJavaScriptの知識なしでカスタマイズできます。

かわいい、ゆめかわ、エレガント系の配信画面や、VTuber・配信者の雑談配信、ゲーム配信、歌枠、朝活、作業配信、待機画面などにおすすめです。

【主な機能】

・通常時計／カウントダウンの切り替え

・時刻、秒、日付、曜日の表示

・カウントダウン開始日時と開始時メッセージの設定

・24時間以上のカウントダウンでは残り日数を表示

・横長、コンパクト、縦型の3レイアウト

・背景透過対応

・配色プリセット5種類

・メインカラー、サブカラー、背景色、文字色を自由に変更

・背景の透明度を調整可能

・フォントプリセット5種類

・PCにインストールされている好きなフォントも指定可能

・日本語／英語の日付・曜日表示

・12時間／24時間表記

・複数の日付表示形式

・世界各地のタイムゾーンと夏時間に対応

・時計全体、時刻、日付、上部文字のサイズを個別調整

・文字位置、外枠の太さ、影の濃さを調整可能

・リボン、花飾り、星、背景の花びらを個別に表示／非表示

・時計の縁を花びらが60秒で一周する演出

・ふんわり、花風、動きなしの3アニメーション

・アニメーションの強さを調整可能

・コロン点滅のON／OFF

・名前付き設定プリセットを3件まで保存可能

・外部サービス、CDN、外部画像不使用

・インターネット接続なしで使用可能

【導入方法】

1.ダウンロードしたZIPファイルを解凍します

2.settings.htmlをブラウザで開きます

3.プレビューを見ながらデザインや表示内容を設定します

4.「設定ファイルを保存」からconfig.jsを保存します

5.保存したconfig.jsを商品フォルダー内の同名ファイルと置き換えます

6.OBS Studioで「ブラウザ」ソースを追加します

7.「ローカルファイル」を有効にしてindex.htmlを指定します

【OBSブラウザソースの設定サイズ】

・全レイアウト共通：1440 × 1280

一度設定すれば、レイアウト変更時のサイズ調整は不要です。

OBS上で拡大・縮小して配置できます。

【収録内容】

・Bloom Clock 時計ウィジェット本体

・カスタマイズ用設定ツール

・設定ファイル

・日本語README

【利用について】

・個人、法人を問わず利用できます

・YouTube、Twitchなどの配信や動画で利用できます

・収益化された配信、動画、案件配信でも利用できます

・購入者本人による色、文字、コードの改変が可能です

・クレジット表記、使用報告は不要です

本商品および改変したデータの再配布、譲渡、共有、転載、再販売、自作発言は禁止します。

【注意事項】

・本商品はOBS Studio用のローカルHTML素材です

・OBS Studio本体は付属しません

・カスタムフォントを使用する場合は、OBSを動かすPCにも同じフォントをインストールしてください

・使用環境によってフォントの形や表示がわずかに異なる場合があります

・購入者によるコード改変後の動作はサポート対象外となる場合があります

・ダウンロード商品の性質上、購入後の返品・交換には対応できません