【OBS/HTML】ゆめかわ月別時計 🌙✨ | 月別カラー・季節アニメーション・日時連動【配信素材】

配信画面に置くだけで、季節の移ろいをかわいく楽しめる時計です🌙✨

VTuber・配信者さん向けの、月ごとにカラーと季節エフェクトが変化するHTML時計（HTMLソース型配信素材）です。

OBSのブラウザソースにindex.htmlを読み込ませるだけで、現在の日付・曜日・時刻をリアルタイムに表示できます。

雑談、歌枠、ゲーム、作業、朝活、深夜配信など、季節感を添えたいさまざまな配信におすすめです。

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

✨ 主な機能・おすすめポイント ✨

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

① 月に合わせて12種類のカラーへ自動変化

1月から12月まで、それぞれの季節をイメージした専用グラデーションを収録しています。

月が変わると時計の配色も自動で切り替わるため、毎月素材を入れ替える必要がなく、配信画面を一年中かわいく彩れます。

② 四季で変わる、やさしい季節アニメーション

春は舞い落ちる花びら、夏はふわっと浮かぶ光、秋はくるくる舞う木の葉、冬はゆっくり降る雪を表示します。

きらめきとガラスのような透明感も加わり、配信を邪魔しすぎない上品な動きで季節感！

③ 日付・曜日・時刻をリアルタイム表示

PCの日時に連動し、月日・曜日・時・分・秒を1秒ごとに自動更新します。

準備のたびに時刻を設定する必要がなく、OBSへ追加したままラクラク使えます。

④ URLオプションで表示をかんたん調整

秒や日付の非表示、年の追加、表示倍率、影、文字コントラスト、アニメーション量などをURLから変更できます。

配信画面の雰囲気やPC環境に合わせて、お好みの見た目と動作へ調整可能です。

⑤ 透明背景＆自動フィット対応

時計の外側は透明なので、背景やオーバーレイへ自然になじみます。

ブラウザソースの枠内に収まるよう自動で縮小されるため、配置やサイズ調整もスムーズです。

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

📦 商品内容

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

・index.html（ゆめかわ月別時計本体）

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

🧷 導入方法・設定手順

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

STEP 1｜基本表示

① OBSの「ソース」欄にある「＋」をクリックします。

② 「ブラウザ」を選び、新規作成します。

③ 「ローカルファイル」にチェックを入れます。

④ 「参照」から、ダウンロードしたindex.htmlを選択します。

⑤ 幅520px・高さ280pxを目安に設定し、「OK」を押します。

⑥ プレビューを見ながら、お好みの大きさ・位置に調整してください。

STEP 2｜表示をカスタマイズする場合

URLオプションを利用する場合は、「ローカルファイル」のチェックを外し、index.htmlのファイルURLをURL欄へ入力します。

例：

file:///C:/フォルダー名/index.html?sec=0&year=1

【主なURLオプション】

・?sec=0　秒を非表示

・?date=0　日付と曜日を非表示

・?year=1　日付に年を追加

・?animation=0　季節アニメーションを停止

・?effect=low　季節エフェクトの量を少なめに変更

・?scale=0.8　表示倍率を指定（0.2～2）

・?shadow=0　時計の影を非表示

・?contrast=high　文字のコントラストを高くする

複数のオプションを使う場合は、2つ目以降を「&」でつなげてください。

例：秒を非表示＋年を表示＋エフェクトを少なめ

file:///C:/フォルダー名/index.html?sec=0&year=1&effect=low

※表示時刻は、お使いのPCに設定されている日時・タイムゾーンに連動します。

※Google Fontsを読み込むため、表示時にはインターネット接続が必要です。

※OBS Studioのブラウザソースでの使用を想定しています。

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

📜 利用規約

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

【許可していること】

✅ 商用利用（収益化済みのYouTube、Twitch、ツイキャス等の配信活動・動画制作）

✅ サムネイル、配信アーカイブ、切り抜き動画への映り込み

✅ 配信画面やオーバーレイに合わせたサイズ、配置の自由な変更・コードの微調整

【禁止事項】

❌ 素材データ（ソースコード）そのもの、または加工・改変済データの再配布・転売・譲渡・自作発言

❌ デザインの原型を留めない過度な改変、商標登録、公序良俗に反する目的での利用

※著作権は放棄しておりません。

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

🎨 セミオーダー（カラー・デザインカスタム）

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

販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨

基本料金システム：【 BOOTHの商品代金 】＋【 下記カスタム料金 】

① カラー変更＋¥500 〜

全体の配色をご指定のカラーに変更します。

② ロゴ・お名前挿入 ＋¥1,000 〜

ロゴやお名前を素材内に配置します。

③ レイアウト微調整・パーツ分け ＋¥1,500 〜

配置変更や、OBSで動かしやすいようにパーツ分解します。

※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。

🔗 https://sakuramii.booth.pm/items/8483503

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

🌐 配信活動に役立つ無料ツール公開中！

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

ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。

🎨 ゆめかわ カスタム時計ジェネレーター

📅 週間配信スケジュールメーカー

🖼️ 配信サムネイル背景ジェネレーター

🔗 https://sakuramisozaiya.vercel.app/

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

💌 お問い合わせ

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

ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X（旧Twitter）のDM（@skrm_sozaiya）よりお気軽にご連絡ください🧸💬

【検索キーワード】

OBS HTML 配信素材 VTuber 配信者 時計 デジタル時計 日付 曜日 リアルタイム 月別 季節 春 夏 秋 冬 ゆめかわ パステル アニメーション オーバーレイ 配信画面