Naku

【主な用途】

- 配信の雰囲気に合わせた、世界に一つだけのオリジナル時計として - 雑談配信・ゲーム配信の常時表示時計として - 海外視聴者向けのタイムゾーン表示（JST/UTC/ESTなど） 長時間配信でも動作が重くならないよう、軽量化・最適化済みです。

機能一覧

1. 自由自在なデザインカスタマイズ 　- 「フレーム」「文字盤」「針」「目盛り」の色をカラーピッカーで自由に変更可能。 　- それぞれの「透明度」も調整できるため、背景に溶け込むようなデザインも作れます。 　- フォントもゴシック・明朝・ドット絵など6種類から選択可能。 2. 便利な8種類のプリセット 　- デザインに迷った時は、8種類のテーマ（フラット、サイバー、和風、ゆめかわ等）から選ぶだけですぐに使えます。 　- プリセットをベースにして、一部の色だけを変えるといった使い方も可能です。 3. タイムゾーン・多機能表示 　- PCの時間はもちろん、ニューヨークやロンドンなど世界各地の時間を表示可能。 　- 「日付」「デジタル時計」「秒針」の表示/非表示を切り替えられます。 　- 24時間表記/12時間表記（AM/PM）にも対応。 4. 便利な内蔵設定パネル 　- OBS上で直接操作できる設定パネルを搭載。 　- 設定内容は自動保存され、次回起動時にも維持されます。

デザイン・仕様

- カラー編集: プリセットまたはRGB指定で、パーツごとに設定可能。 - フォント変更: ゴシック、明朝、丸文字、ドット（Pixel）、サイバー（Orbitron）など6種。 - 秒針の動き: スムーズ（Sweep） / ステップ（Tick）の切り替え。 - 多言語対応: 設定画面は日本語、英語、中国語、韓国語、スペイン語に対応。

導入方法

1. ダウンロードしたZIPファイルを解凍（展開）する。 2. OBSの「ソース」にある「＋」ボタンから「ブラウザ」を追加。 3. 「ローカルファイル」にチェックを入れ、解凍したフォルダ内の `clock.html` を指定。 　 ※サイズは必ず「幅 1920」「高さ 1080」に設定してください。 4. プレビュー画面で Altキーを押しながら ソースの右側を左にドラッグし、設定パネル部分を隠す（トリミング）。 　 ※時計部分だけが見えるように調整してください。 5. 設定を変更する際は、OBSの「対話（Interact）」ボタンを押す。 　 ※手順4でトリミングしていても、対話ウィンドウでは設定画面全体が表示され、問題なく操作できます。

【動作確認環境】

- OBS Studio（Windows） - OBS の「ブラウザソース」機能

注意事項・できないこと

- アラーム機能やタイマー（カウントダウン）機能はありません。現在時刻を表示する時計です。 - 本ツールは Google Fonts を使用しており、表示時にフォント取得のための外部通信が発生します。 　※ 配信内容や設定データが外部に送信されることはありません。 - 長時間OBSを最小化（非表示）にした後、再表示した際に針が一瞬早送りになることがありますが、これは正常な動作（復帰処理）です。 - 本商品は現状有姿（as-is）での提供となります。 　個別の環境差異による動作保証や設定代行は行っておりません。

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

Main Features

- Fully Customizable: Change colors, transparency, and fonts via the built-in control panel. - 8 Presets Included: Start with a theme and tweak it to match your stream perfectly. - Timezone Support: Display local time or specific timezones (UTC, NY, London, etc.). - Performance Optimized: Designed to be lightweight for long streams.

Feature List

1. Fully Customizable Design - Freely change the colors of the Frame, Face, Hands, and Markers using the color picker. - Adjust the Opacity of each element to create designs that blend seamlessly into your background. - Choose from 6 different fonts, including Gothic, Serif (Mincho), and Pixel Art. 2. 8 Convenient Presets - Not sure where to start? Simply pick one of the 8 themes (Flat, Cyber, Japanese Style, Dreamy/Pastel, etc.) and use it immediately. - You can also use a preset as a base and just tweak specific colors to your liking. 3. Time Zones & Multi-Function Display - Display not only your PC's local time but also time zones from around the world, such as New York or London. - Toggle visibility for the Date, Digital Clock, and Second Hand. - Supports both 24-hour and 12-hour (AM/PM) formats. 4. Convenient Built-in Settings Panel - Includes a settings panel that can be operated directly within OBS. - Settings are automatically saved and retained for the next time you launch.

Design & Specs

- Customization: Adjust Frame, Face, Hand, and Marker colors/opacity individually. - 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. In OBS, click "+" in Sources and select "Browser". 3. Check "Local file" and select `clock.html` from the unzipped folder. * Please make sure to set the size to "Width 1920" and "Height 1080". 4. Hold the Alt key and drag the right edge of the source inward to crop (hide) the settings panel. Adjust until only the clock is visible. 5. Click the "Interact" button in OBS to change settings. Even if cropped, the Interact window opens the full interface, allowing you to change settings anytime.

【Tested Environment】

- OBS Studio (Windows) - Browser Source in OBS

Notes & Limitations

- This is a clock for displaying current time; it does not have alarm or countdown timer functions. - This tool uses Google Fonts, which requires external communication to load fonts. * No stream content or settings data is sent externally. - If OBS is minimized for a long time, the hands may fast-forward briefly upon restoration. This is normal behavior (sync process). - This product is provided "as-is." We cannot guarantee performance on all individual environments or provide personal setup support.

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

FAQ

Q. 設定は保存されますか？ / Are settings saved? A. はい。変更した設定はブラウザソースのローカルストレージに自動保存され、OBSを再起動しても維持されます。 (Yes. Settings are automatically saved to local storage and will be retained even after restarting OBS.) Q. 商用配信で使用できますか？ / Can I use this for monetized streams? A. はい、個人・法人を問わず配信でご利用いただけます。 (Yes. You may use it for both personal and commercial streams.)