Cyber Weather & Clock HUD

Cyber Weather & Clock HUD

配信者向け直感型サイバー天気＆時計ウィジェット

■ 製品概要

Cyber Weather & Clock HUD は、

配信画面や動画制作向けに設計されたサイバー系 天気＆時計ウィジェットです。

OBS / Streamlabs などのブラウザソースに追加するだけで、

リアルタイムの「時刻・日付・天気情報」を表示できます。

インストール不要。HTMLベースで軽量動作。

直感的に扱える設計になっています。

■ 主な特徴

リアルタイム時計（秒表示対応）

現在地の天気表示（OpenWeatherMap API使用）

全国主要都市名 日本語完全対応

気温連動カラー（dynamicモード）

グリッチ演出調整可能

URLパラメータによる簡単カスタマイズ

透過背景対応

商用利用可能

■ URLジェネレーターについて（本製品の中核機能）

本製品には 専用URLジェネレーター（url_generator.html） が付属しています。

パラメータを直接入力する必要はありません。

フォーム操作のみで、簡単にカスタムURLを生成できます。

※ widget.html を一度ブラウザで開き、URLをコピーしてから使用してください。

🔹 設定可能項目

✔ 表示都市の選択

✔ カラーモード選択

✔ グリッチ強度設定

設定内容は即座にURLへ反映されます。

🔹 URLの仕組み

生成されるURL例：

widget.html?city=tokyo&mode=dynamic&glitch=normal

このURLをOBSの「ブラウザ」ソースに貼り付けるだけで反映されます。

コード編集は不要です。

🔹 こんな方におすすめ

コード編集なしで導入したい

シンプルにカスタマイズしたい

配信ごとに都市を変更したい

サイバー系演出を簡単に取り入れたい

■ カラーモード

dynamic（気温連動）

※気温上昇と共に緩やかにcrimson（赤）へ変化

neonBlue

crimson

mono

■ グリッチ強度

low

normal

high

演出を抑えた表示から、

サイバー感の強い演出まで調整可能です。

■ 使用方法（3ステップ）

OpenWeatherMapでAPIキーを取得

https://openweathermap.org/

url_generator.htmlでURLを生成

OBSの「ブラウザ」ソースに貼り付け

■ 動作環境

OBS Studio

Streamlabs

ブラウザソース対応ソフト

インターネット接続必須

■ ライセンス

商用利用OK（収益化配信可）

改変禁止

再配布禁止

クレジット任意

詳細はLICENSE.txtをご確認ください。

■ 注意事項

本製品はOpenWeatherMap APIを使用します。

API仕様変更や制限により動作に影響が出る場合があります。

配信画面を、ワンランク上へ。

直感操作 × サイバーデザイン。

Cyber Weather & Clock HUD

お問い合わせはＸのⅮⅯまでお願いいたします。

https://x.com/mellowklow_fc