【OBS配信用】サイバーパンク時計オーバーレイ10種／ゲーミング／近未来デザイン／ブラウザソース対応
- ダウンロード商品¥ 300
OBS配信用のサイバーパンク風デジタル時計オーバーレイです。 OBSに読み込むだけですぐに使えます。プラグインのインストールは不要です。
特徴
特徴 ・ネオングロー付きの時計表示（ゆっくり明滅するアニメーション） ・スキャンラインが流れるCRT風の演出 ・コロンが1秒ごとに点滅 ・半透明の暗い背景付きで、配信画面に重ねやすい ・CSS変数で色やサイズの変更が可能 ・フォント：Orbitron（時計）/ Share Tech Mono（日付）
収録内容（10種）
■ ワイド型（500×120px）── 画面の上部や下部に横長で配置するタイプ 01_wide_cyan ……… シアン（水色）/ 時計＋日付 02_wide_clock_only … シアン / 時計のみ（日付なし） 03_wide_green ……… ネオングリーン / 時計＋日付 04_wide_hud_frame … シアン / HUDフレーム付きの別デザイン 05_wide_magenta …… マゼンタ（ピンク系）/ 時計＋日付 ■ コンパクト型（200×80px）── 画面の角に小さく配置するタイプ 06_compact_cyan ……… 01のコンパクト版 07_compact_clock_only … 02のコンパクト版 08_compact_green ……… 03のコンパクト版 09_compact_hud_frame … 04のコンパクト版 10_compact_magenta …… 05のコンパクト版 ※ お好みの色・サイズのフォルダを1つ選んで使います。
使い方
OBSの「ブラウザソース」という機能を使います。 ブラウザソースは、HTMLファイルを配信画面に表示する機能です。 1. ダウンロードしたZIPファイルを解凍します。 2. 使いたいデザインのフォルダを決めます。 （例：シアン色の横長タイプなら「01_wide_cyan」フォルダ） 3. OBS Studioを開き、「ソース」欄の「＋」ボタンを押します。 4. 一覧から「ブラウザ」を選び、名前を付けて「OK」を押します。 5. 設定画面で以下のように設定します： ・「ローカルファイル」にチェックを入れる ・「参照」ボタンを押して、選んだフォルダの中にある index.html というファイルを選択する ・「幅」と「高さ」を設定する → ワイド型：幅 500 / 高さ 120 → コンパクト型：幅 200 / 高さ 80 6. 「OK」を押すと時計が表示されます。 ドラッグで好きな位置に移動できます。
うまく表示されないときは
・時計が出ない → index.html のファイルパスが正しいか確認してください。 ・フォントが変 → インターネットに接続されているか確認してください。 （フォントはGoogleから自動で読み込まれます） ・シーン切替のたびに時計がリセットされる → ブラウザソースのプロパティで 「表示されていないときにソースをシャットダウン」のチェックを外してください。
色やサイズを変えたい場合（上級者向け）
各フォルダの style.css をテキストエディタで開くと、 先頭付近に以下のような設定があります。値を書き換えるだけで変更できます。 --color-primary: #00ffff; ← 時計の色（例：#ff6600 でオレンジ） --color-bg: rgba(0,0,0,0.7); ← 背景の濃さ（最後の数値 0.0〜1.0） --size-clock: 48px; ← 時計の文字サイズ ※ 編集前にファイルのバックアップを取ることをおすすめします。
注意事項
・本商品はデジタルデータ（HTML + CSS ファイル）です。 ・インターネット接続が必要です（フォントの読み込みに使用）。 ・時刻はPCの時計を自動取得して表示します。 ・OBS Studio / Streamlabs OBS で動作します。 ・配信への映り込み・アーカイブ利用は問題ありません。 ・ファイルの再配布・転売はご遠慮ください。