【主な用途】

・配信の色やフォントをそろえたい ・雑談・作業配信に時刻を置きたい ・海外視聴者に合わせた時刻も表示したい ・EX版で自分の画像を使った時計を作りたい

機能一覧

【通常版 100円】 ・8種類のプリセット ・フレーム・文字盤・目盛り・秒針の色を変更（時針・分針は目盛りと共通色） ・フレーム・文字盤の透明度を調整 ・6種類のフォント ・日付・デジタル時刻・秒針の表示切り替え ・12／24時間表示、タイムゾーン指定 ・秒針のスムーズ／ステップ切り替え 【EX版 500円】 通常版の機能に加え、好きな画像を時計の背景へ設定できます。 メカニカルギア、レーダースイープ、インナーパーティクル、パルスコアの4種類の内部アニメーションと、十二支などの専用目盛りにも対応します。 ※各版は単独で購入できます。EX版には通常版の機能も含まれます。

デザイン・仕様

- カラー編集: フレーム・文字盤・目盛り・秒針の色を変更。時針・分針は目盛りと同じ色になります。 - 透明度: フレーム・文字盤を個別に調整できます。 - フォント変更: ゴシック、明朝、丸文字、ドット（Pixel）、サイバー（Orbitron）など6種。 - 秒針の動き: スムーズ（Sweep） / ステップ（Tick）の切り替え。 - 多言語対応: 設定画面は日本語、英語、中国語、韓国語、スペイン語に対応。

導入方法

1. ZIPを展開し、OBSへブラウザソースを追加します。 2. 「ローカルファイル」で、通常版はclock.html、EX版はclock_ex.htmlを指定します。 3. 最初は設定パネルが収まる幅・高さを指定します。 4. ソースの「対話」を開き、時計をダブルクリックするか「設定を開く」を押します。 5. 色や表示を調整し、設定パネルを閉じて配置します。設定は自動保存されます。 画像付きマニュアル https://takami-naku.com/manual-clock

【動作確認環境】

OBSのブラウザソース用HTMLです。 WindowsのOBS 30.0.2・33.0.1で起動・表示を確認しています。 2026-11-03：PCと異なるタイムゾーンを選んだ際のデジタル時刻・日付表示を修正しました。

注意事項・できないこと

・現在時刻を表示する時計です。アラーム・タイマー機能はありません。 ・商品画像の配信背景やコメント欄は付属しません。 ・Google Fontsの読み込みにインターネット接続を使用します。 ・収益化配信を含む利用条件は、同梱のLICENSE.txtをご確認ください。

配信画面をそろえたい方へ

GoalBarと同じ色を指定して、画面の雰囲気をそろえることもできます。 https://naku9.booth.pm/items/7748102

Main Uses

- Creating a unique, original clock that matches your stream's vibe. - An always-on display clock for Just Chatting or Gaming streams. - Displaying timezones (JST, UTC, EST, etc.) for international viewers.

Feature List

1. Flexible Design Customization - Set frame, face, marker and second-hand colors using the color picker. The hour and minute hands use the marker color. - Adjust frame and face transparency separately. - Choose from 6 different fonts including Sans-serif, Serif, and Pixel. 2. 8 Convenient Presets - If you're unsure about the design, simply choose from 8 themes (Flat, Cyber, Japanese, Yumekawa, etc.) and use it right away. - You can also use a preset as a base and tweak only specific colors. 3. Timezones & Multi-Display Options - Display not only your local PC time but also times around the world, such as New York or London. - Toggle the display of Date, Digital Clock, and Second Hand. - Supports both 24-hour and 12-hour (AM/PM) formats. 4. Convenient Built-in Settings Panel - Features an intuitive settings panel that can be operated directly within OBS. - Settings are automatically saved and retained for your next stream. 5. Pro Features (EX Edition Only): Rich Expressions - Render high-quality internal animations (4 types including Mechanical Gears, Radar, etc.). - Set your favorite local image as the clock background (includes resizing, transparency, and clipping features). - Unlock exclusive marker styles such as "Zodiac".

Design & Specs

- Colors: Customize the frame, face, markers and second hand. The hour and minute hands share the marker color. - Transparency: Adjust the frame and face separately. - Customizable Fonts: Sans-serif, Serif, Rounded, Pixel, Sci-Fi, etc. - Second Hand Movement: Smooth (Sweep) or Step (Tick). - Multi-Language UI: English, Japanese, Chinese, Korean, and Spanish.

How to Use

1. Unzip the downloaded file. 2. Add an OBS Browser Source and enable Local file. Select clock.html (Standard) or clock_ex.html (EX). 3. Start with a width and height large enough for the settings panel. 4. Open Interact and double-click the clock or select Open Settings. 5. Adjust the appearance, close the settings panel and position the clock. Settings are saved automatically. Illustrated manual: https://takami-naku.com/manual-clock

【Tested Environment】

OBS Browser Source HTML. Startup and rendering tested on Windows with OBS 30.0.2 and 33.0.1.

[Important Notes & Limitations]

This is a real-time clock with no alarm or countdown timer. Stream backgrounds and comments shown in images are not included. Google Fonts requires internet access. See LICENSE.txt for usage terms, including monetized streams.

━━━━━━━━━━━━━━━━━━━━━━━

FAQ

Q. 設定は保存されますか？ / Are settings saved? A. はい。変更した設定は自動保存されます。 / Yes, settings save automatically. Q. EX版は通常版も買う必要がありますか？ / Do I need both editions? A. いいえ。EX版には通常版の機能も含まれ、単独で購入できます。 / No. EX includes the Standard features and can be purchased on its own.

更新履歴 / Update Log

2026-11-03 ・PCと異なるタイムゾーンを選んだ際のデジタル時刻・日付表示を修正。 v2.0.0 ・通常版100円・EX版500円の構成に変更。 ・EX版、内部処理の改善、非表示時の負荷軽減を追加。 v1.0.0 ・初回リリース。