【OBS用サイバーモチーフ天気＆時計】Cyber Weather & Clock HUD

Cyber Weather & Clock HUD.zip

SOLD OUT

Cyber Weather & Clock HUD

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


■ 製品概要
Cyber Weather & Clock HUD は、
配信画面や動画制作向けに設計されたサイバー系 天気＆時計ウィジェットです。

OBS / Streamlabs などのブラウザソースに追加するだけで、
リアルタイムの「時刻・日付・天気情報」を表示できます。

インストール不要。HTMLベースで軽量動作。
直感的に扱える設計になっています。


製品紹介動画
https://youtu.be/EW7cicrTVig?si=pAVEoc1SfsB9DqmE



■ 主な特徴
リアルタイム時計

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

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

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

グリッチ演出調整可能

URLジェネレーターによる簡単カスタマイズ

透過背景対応

商用利用可能


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

パラメータを直接入力する必要はありません。
フォーム操作のみで、簡単にカスタムURLを生成できます。

※ widget.html とurl_generator.htmlを同じフォルダ内に配置してください。



■ 設定可能項目

✔ 表示都市の選択
✔ カラーモード選択
✔ グリッチ強度設定

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



■ URLの仕組み

生成されるURL例：

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

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

コード編集は不要です。



■ こんな方におすすめ

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

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

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

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



■ カラーモード
dynamic（気温連動）
※気温変化と共に緩やかに色も変化します。

neonBlue

crimson

mono



■ グリッチ強度
low

normal

high

演出を抑えた表示から、
サイバー感の強い演出まで調整可能です。



■ 使用方法（3ステップ）
OpenWeatherMapでAPIキーを取得(無料枠)
https://openweathermap.org/

url_generator.htmlでURLを生成

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

※おすすめ表示サイズ

幅　500
高さ　300



■ 動作環境
OBS Studio

Streamlabs

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

インターネット接続必須



■ ライセンス
商用利用OK（収益化配信可）

改変禁止

再配布禁止

クレジット任意

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



■ 注意事項
本製品はOpenWeatherMap APIを使用します。
API仕様変更や制限により動作に影響が出る場合があります。

APIキーはコピーして保存しておくことをおすすめします。

初回表示や時間が経ってからの仕様変更の際に、APIが有効になるまで時間が掛かる場合があります。
※最大5分～10分程度


配信画面を、ワンランク上へ。
直感操作 × サイバーデザイン。

Cyber Weather & Clock HUD

お問い合わせはＸのⅮⅯまでお願いいたします。
https://x.com/mellowklow_fc