【無料】FPS向け OBS用デジタル時計

FPSゲーム向けのOBS用デジタル時計のhtmlソースです。

配信画面に現在時刻を表示したいときにおすすめです。

OBSのソース「ブラウザ」から追加するだけで簡単にご利用いただけます。

デザイン：全4種

ファイル形式：html

ファイルの設定方法

1. OBSのソースウィンドウにある「＋」からブラウザを選択。

2. 名前をつけて新規作成。

3. プロパティのウィンドウが開いたら「ローカルファイル」にチェックを入れ、「参照」を押す。

4. ダウンロードしたファイルを選択し、開く。

共通アレンジ用CSSコード

OBSのプロパティ内にある「カスタムCSS」に以下のコードを記入することで簡単に色を変更できます。

body {color: #カラーコード; /* 文字の色 */}

.path01 {fill: #カラーコード; opacity:0.3 /* 背景の色と透明度 */}

.path02 {fill: #カラーコード; /* 枠の色 */}

テキスト編集（fps_clock01）

『fps_clock01』を利用する際は、テキストエディタ等で直接編集するかOBSのプロパティ内にある「カスタムCSS」で以下を追加してください。

.text{font-size:0;}

.text:before{content:"ここに左のテキストを入力";

font-size: 24px;

}

.text2{font-size:0;}

.text2:before{content:"ここに右のテキストを入力";

font-size: 24px;

}

fps_clock01ty

『fps_clock01』の左右のテキスト欄にタイピングアニメーションを追加したものです。

テキストエディタでの編集必須です。

メモ帳等でファイルを開き、該当箇所を編集してください。

・個人、法人問わず商用利用可能です。

・用途に合わせて自由に改変可能です。

・改変したものの再配布や自作発言はご遠慮ください。

・クレジット表記、使用報告の義務はありません。

・ソースの利用によって発生したトラブルについては一切責任を負いかねます。