Chillclock

======================================================================

Aesthetic Chill Clock Widget - OBS用配信ウィジェット素材

取扱説明書 / 導入マニュアル & 利用規約（最新版）

この度は「Aesthetic Chill Clock Widget」をご購入（ダウンロード）いただき

誠にありがとうございます。

本製品は、OBS Studioなどの配信ソフト上で背景透過のまま美しく配置できる

エステティック＆チルスタイルの万能時計・タイマーウィジェットです。

ネットワーク接続なしで完全動作するスタンドアロン設計となっております。

【目次】

1. 主な機能と特徴

2. 対応ソフトウェア・動作環境

3. OBS Studio への導入手順

4. ウィジェットのカスタマイズ・設定方法

5. 各種モードの使い方（時計・タイマー）

6. 設定のリセット（初期化）手順

7. よくある質問 (Q&A)

8. 利用規約・ライセンス (LICENSE)

1. 主な機能と特徴

・完全オフライン動作

外部CDNやFontAwesome、Google Fontsなどの外部通信を行わないスタンドアロン仕様。

・自動背景透過

OBSのブラウザソースとして重ねるだけで、ゲーム画面や雑談背景にそのまま馴染みます。

・視認性を重視したデザイン

暗い背景・明るい背景のどちらでもはっきりと読める高コントラストテキスト＆グロー効果。

・マルチウィジェットモード搭載

 【時計モード】（12時間/24時間表示切替、秒数・日付の表示ON/OFF）

 【配信経過時間タイマー】（配信開始からの時間をリアルタイム計測）

 【カウントダウンタイマー】（指定した目標時間からのカウントダウン）

 【ポモドーロタイマー】（作業25分の集中用タイマー）

・豊富なカスタマイズ性

 カラーテーマ 8種（Aesthetic / Cyber / Sunset / Matcha / Lavender / Minimal / Neon / Sakura）

 位置プリセット（画面中央 / 左上 / 中央上 / 右上 / 左下 / 中央下 / 右下 / カスタム座標）

 全体スケール、透明度、文字サイズ、グロー光彩、フォント（4種）の個別調整

 浮遊する星のパーティクルエフェクト（数量・速度調整・ON/OFF）

 上部バッジ（CHILL TIME等）および Now Playing テキストの自由変更＆自動余白最適化

・自動設定保存（ブラウザのlocalStorageを利用し、次回配信時にも自動で復元）

1. 対応ソフトウェア・動作環境

・OBS Studio（推奨）

・Streamlabs Desktop

・各種WEBブラウザ（Google Chrome, Microsoft Edge, Safari等）

※対応解像度：1920x1080 (Full HD), 1280x720 (HD) など自由な解像度に対応。

1. OBS Studio への導入手順

1. OBS Studioを起動します。

2. 「ソース」ドックにある「＋」ボタンをクリックし、「ブラウザ」を選択します。

3. ソース名を任意（例：チル時計）に変更して「OK」を押します。

4. 設定画面で以下の項目を指定します：

 [プロパティ] ＞ 【ローカルファイル】 にチェックを入れる。

 [参照] ボタンを押し、解凍した「Aesthetic-Chill-Clock.html」を選択。

 【幅】: 1920 （または 1280 / 800）

 【高さ】: 1080 （または 720 / 400）

5. 「OK」を押して保存すると、配信画面上に透過表示されます。

1. ウィジェットのカスタマイズ・設定方法

【設定パネルの開き方】

・OBSのプレビュー画面上、またはブラウザで開いた画面上で、右上端にある

「歯車アイコン」をクリックすると、右側から設定パネルが開きます。

【リアルタイムプレビュー＆保存】

・設定を変更すると画面にリアルタイムで反映されます。

・右下の「設定完了」ボタンを押すと設定が保存され、パネルが閉じます。

1. 各種モードの使い方（時計・タイマー）

1. 設定パネルを開き、「ウィジェットモード」から以下のモードを選択できます：

 時計 (Clock)：通常の時刻を表示

 配信経過時間タイマー：配信開始からの経過時間を計測

 カウントダウンタイマー：指定分数のカウントダウン

 ポモドーロ (25分)：25分間のタイマー

2. タイマーモード選択時は「開始/一時停止」「タイマーリセット」ボタンが表示されます。

1. 設定のリセット（初期化）手順

設定をすべて初期状態に戻したい場合：

1. 設定パネルを開きます。

2. パネル左下の「初期化」ボタンを押します。

3. 確認ダイアログで「OK」を選択すると、購入直後の初期状態にリセットされます。

1. よくある質問 (Q&A)

Q. 配信画面上に設定用「歯車ボタン」が映り込んでしまいませんか？

A. 歯車ボタンは普段「透明度20%」で目立たないようになっています。

設定完了後はマウスカーソルを画面外へ動かせば配信画面の邪魔になりません。

Q. 文字が途切れたり、配置がズレたりします。

A. 設定パネルの「位置プリセット」で変更するか、「全体スケール」スライダーを調整してください。

また、OBSブラウザソースの「幅・高さ」を大きく設定することでも解決できます。

1. 利用規約・ライセンス (LICENSE)

・本素材は商用・非商用問わず、動画配信・動画制作等で自由にご利用いただけます。

・クレジット表記は任意（不要）です。

・本素材の改変・カスタマイズは自由に行っていただけます。

【禁止事項】

・本素材（改変版含む）の二次配布、転売、再販売。

・自作発言。

・公序良俗に反するコンテンツ、違法行為に関わる配信での使用。