配信画面に、ちょっと目を引く時計を。 鮮やかなカラーと、重なった文字の立体感が特徴のサイバーパンク風POP時計です。 数字が左から順に波打つように動き、配信画面にさりげないアクセントを加えます。 背景は透明なので、ゲーム配信・雑談配信など、お好みのレイアウトに重ねて使えます。 まずは触ってみてください！ 色や書体、動き、文字間を実際に操作できる体験版をご用意しています。 ▶ 触れる体験版 https://cyberpunk-pop-clock-demo.blackorbit32.chatgpt.site ※PCのブラウザ向けです。 ※体験版にはDEMOの透かしが入り、時計ファイルの保存機能はありません。 ※体験版と製品版では、一部機能が異なります。 【無料版】 下記をRP頂い方のみです。 https://x.com/mochimomoche_/status/2114620285408481604?s=20 ピンク×グリーンのカラーですぐに使える、固定デザインの時計です。 ・背景透過 ・数字が順番に波打つループアニメーション ・1秒ごとにコロンの色が反転 ・PCの現在時刻に連動 ・OBSの表示枠に合わせて自動サイズ調整 色・書体・動きなどのカスタム機能は含まれません。 【有料カスタム版】 配信画面の雰囲気に合わせて、見た目を細かく調整できます。 【カラー】 ・時間と分の色を個別に変更 ・時間と分は2色のグラデーションに対応 ・グラデーションの方向を変更 ・コロン、縁・影の色を変更 ・縁の表示をON／OFF 【動き・立体感】 ・数字のアニメーションをON／OFF ・重なった立体の層をON／OFF ・重なりの方向を「右斜め下／左斜め下」に切り替え ・コロンの秒カウントをON／OFF 【フォント】 ・元の書体を含む4種類の内蔵フォント ・PCにインストール済みのフォントを名前で指定 ・フォントファイルの読み込み TTF／OTF／WOFF／WOFF2に対応 【文字間】 ・時の数字間 ・分の数字間 ・コロンの左右間隔 それぞれスライダーと数値入力で調整できます。 設定画面では、プレビューを見ながら操作できます。 完成したら「OBSに追加する」から時計ファイルを保存し、画面の案内に沿ってOBSに設定してください。 【使い方】 ①ダウンロードしたZIPを展開します。 ②無料版は「clock.html」をOBSで指定します。 ②有料版は「customize.html」をブラウザで開き、お好みの設定に調整します。 ③「OBSに追加する」から時計ファイルを保存し、OBSのブラウザソースで「ローカルファイル」として指定します。 OBSの表示サイズは、幅960・高さ427が目安です。 異なるサイズでも、時計全体が枠に収まるよう自動調整されます。 インターネット接続や、ご自身でのサーバー設置は不要です。 ご使用前に ・PC向けのHTML素材です。時計はPCの時刻に連動します。 ・ファイル名は半角英数字、HTMLと説明書はUTF-8形式で収録しています。 ・PCのフォントを指定する場合、OBSを使用するPCにも同じフォントが必要です。 ・追加するフォントは、それぞれの利用条件をご確認ください。 ・OSやブラウザの「動きを減らす」が有効な場合、数字のアニメーションが停止することがあります。 ・OBS側でクロップしている場合、その切り抜き設定は自動調整の対象外です。