きせかえ時計 Clock Studio【全100デザイン・クレジット不要】OBS用時計素材｜色・フォント自由
- Digital500 JPY
配信画面に、きせかえできる時計を。 「きせかえ時計 Clock Studio」は、OBS のブラウザソースで表示する配信用の時計素材です。 設定画面でデザインを選んで、色・フォント・秒・日付などを好みに調整したら、 できあがった URL を OBS に貼るだけ。背景は透明なので、ゲーム画面や雑談画面の上にそのまま重ねられます。 こちらは有料版。100 種類のデザインと、色・フォント・文字のフチ・時刻の変わり方の変更がすべて使えて、 クレジット表記も不要です。 ■ こんな方に ・配信画面に時計を置きたい。でも HTML や CSS はさわりたくない ・ゲーム配信、雑談、作業配信など、配信ごとに時計の雰囲気を変えたい ・季節のイベントや自分のテーマカラーに、時計の色を合わせたい ・OBS に入れる幅・高さを毎回調べるのが面倒 ■ デザイン（9 系統・100 種類） [シンプル 13 種] プレーン / アンダーライン / ピル / グラス / アウトライン / サイドバー / 2段 / キャプション / タイプライター / ヘアライン / 丸バッジ / 3段 / 角括弧 [ゲーミング 15 種] ネオン / サイバー / グリッチ / RGBウェーブ / HUD / ホログラム / eスポーツ / シンセウェーブ / マトリックス / スコアボード / ミルスペック / 基板 / 工事テープ / ランクバッジ / カーボン [レトロ 14 種] 7セグ / フリップ / ターミナル / RPGウィンドウ / ニキシー管 / 液晶 / 電光掲示板 / 蛍光表示管 / VHS / カセット / アーケード / 看板電飾 / ポケベル / タイプ紙 [番組風 9 種] ニュース / テロップ / ライブ / お天気 / クイズ番組 / スポーツ中継 / 字幕 / ローワーサード / ドキュメンタリー [かわいい 13 種] パステル / ポップ / ステッカー / ねこ / ふせん / くも / リボン / キャンディ / くま / うさぎ / ハート / 風船 / ゆめかわ [和 11 種] 和風 / 短冊 / 日めくり / 金箔 / 月あかり / 筆文字 / 麻の葉 / 波 / 障子 / 絵馬 / 提灯 [季節 12 種] さくら / 花火 / もみじ / 雪 / ハロウィン / クリスマス / 梅雨 / 海 / 金魚 / お月見 / バレンタイン / お正月 [アナログ 8 種] リング / アナログ / アナログ(黒) / ローマ数字 / 針だけ / ネオンアナログ / 木製 / 駅時計 [その他 5 種] 黒板 / バイナリ / ことば / 進捗バー / チケット ちょっと変わったデザインの例: ・フリップ … 数字のカードが実際にパタッとめくれる ・月あかり … その日の月齢に合わせて、月が満ち欠けする ・短冊 … 縦書き・漢数字（十二時三十四分） ・日めくり … 日付を大きく、その下に時刻 ・進捗バー … 今日が何 % 進んだかをバーで表示 ・ことば … 「ただいま 12時34分56秒 です」と吹き出しで ・さくら / もみじ / 雪 … 花びらや葉、雪が舞う ・マトリックス … 背後で文字の雨が降る ■ 特徴 ・背景透過。OBS のブラウザソースに URL を貼るだけで使えます ・設定画面つき。1 つの画面で「デザインを選ぶ → 好みに調整 → URL をコピー」まで完結 ・カードにマウスを乗せると、プレビューで試し表示。◀ ▶ で順番に切り替えも ・名前やジャンルで探す / お気に入り / おまかせ / 大きく並べて選ぶ ・色は「おすすめ配色」（各デザイン 4〜5 個）から選ぶだけ。1 色ずつ自由に変えることもできます ・フォントは 19 種類 ・OBS に入れる「幅 × 高さ」のおすすめ値を自動で表示（クリックでコピー） ・設定は自動で保存。OBS に貼った URL を読み込んで、あとから続きを直すこともできます ・長時間の配信でも重くならないよう、変わった数字だけを書き換える作りです ・設定画面は 日本語 / English / 繁體中文 に対応（右上で切り替え。初回はブラウザの言語に合わせます）。時計の曜日や午前/午後なども、選んだ言語で表示できます ■ 設定できる項目 ・デザイン … 100 種類 ・色 … デザインごとのおすすめ配色、または最大 3 か所を自由に ・フォント … 19 種類（Noto Sans JP / M PLUS Rounded 1c / Zen Maru Gothic / Shippori Mincho / Orbitron / Share Tech Mono / DotGothic16 / Fredoka / Oswald / Bebas Neue / Roboto Mono / Yuji Syuku / Dela Gothic One / Klee One / Nixie One / Jost / Teko / Special Elite / Saira Stencil One） ・文字のフチ … 太さと色 ・時刻の変わり方 … ふわっと / スライド / ぽんっと ・秒の表示 / 日付の表示 / 12 時間表示（AM/PM または 午前/午後） ・日付の書式 … 10月3日(土) / 2026年10月3日(土) / 令和8年10月3日(土) / 2026/10/03 Sat / 2026.10.03 SAT / Sat, Oct 3 ・言語 … 設定画面と、時計に出る曜日・午前/午後などの言語（日本語 / English / 繁體中文） ・日付の位置 … 時計の上 / 下 / 左 / 右 ・ひとこと … 時計の下に好きな文字（30 文字まで。例: JST、配信中） ・大きさ … 30% 〜 400% ・ドロップシャドウ、コロンの点滅、時の先頭ゼロ（09:05 / 9:05） ・画面内の位置 … 横（左・中央・右）/ 縦（上・中央・下） ・タイムゾーン … 空欄でパソコンの時刻。指定すると他の地域の時刻も表示できます ※ 数字を図形で描くデザイン（7セグ・液晶・アナログなど）は、フォントやフチなど一部の項目が使えません （設定画面で薄く表示されます） ■ 使い方 1. ZIP を解凍して、フォルダ内の settings.html をダブルクリック（ブラウザで設定画面が開きます） 2. 左でデザインを選び、右で色・フォント・秒・日付などを調整 3. 中央下の「URL をコピー」を押す 4. OBS でソースの「+」→「ブラウザ」を追加。「ローカルファイル」のチェックを外して、URL 欄に貼り付け 5. 幅・高さに、設定画面に出ている「幅 × 高さ」の数字を入れて OK ■ 収録内容 ・clock.html … 時計本体（OBS のブラウザソースに登録するファイル） ・clock-data.js … デザインやフォントの定義 ・settings.html … 設定画面（プレビュー付き） ・thumbs/ … 設定画面のデザイン一覧用の画像 ・i18n/ … 言語の辞書（日本語 / 英語 / 繁体字。消さないでください） ・README.txt / README_en.txt / README_zh-TW.txt … 使い方・利用規約（日本語 / 英語 / 繁体字） ダウンロードするファイル: ClockStudio_v1.0.0_Paid.zip ■ 動作環境 ・OBS Studio 30 以降を推奨 ・Windows / macOS ・設定画面は Chrome / Edge などのブラウザで開いてください ・フォントの読み込みにインターネット接続が必要です（つながっていなくても、代わりのフォントで時計は動きます） ■ 無料版との違い 無料版 有料版（この商品） デザイン 8 種 100 種すべて 色 デザイン標準の色で固定 おすすめ配色＋ 3 か所まで自由に フォント デザイン標準で固定 19 種から選べる 文字のフチ なし（固定） 太さ・色を自由に 時刻の変わり方 なし（固定） ふわっと / スライド / ぽんっと クレジット表記 必要 不要 まず試したい方は無料版へ（8 デザイン・クレジット表記あり）→ https://amemineamane.booth.pm/items/8958309 ■ 利用規約 ・個人 / 商用利用 OK ・配信、動画投稿、収益化 OK ・改変 OK（自分の配信で使うための改造は自由です） ・再配布、販売、改変版の配布は NG ・クレジット表記は不要です ・本素材の使用によって生じたいかなる損害についても、作者は責任を負いません ■ 関連商品 ・その他の配信素材 → https://amemineamane.booth.pm/ ■ お問い合わせ ご質問・ご要望・不具合報告はお気軽にどうぞ！ ・X(Twitter) の DM: https://x.com/AmemineAmane ・BOOTH のメッセージ機能 ■ 更新履歴 ・v1.0.0 公開
English
A dress-up clock for your stream. "Kisekae Clock Studio" is a clock overlay for OBS, shown with a Browser source. Pick a design in the settings page, adjust colors, font, seconds, date and more, then just paste the generated URL into OBS. The background is transparent, so it sits right on top of gameplay or chatting scenes. This is the full version. All 100 designs, plus custom colors, fonts, text outlines and digit animations — and no credit required. The settings page is available in Japanese, English and Traditional Chinese. ■ Designs (9 styles, 100 designs) [Simple 13] Plain / Underline / Pill / Glass / Outline / Side Bar / Two-Line / Caption / Typewriter / Hairline / Round Badge / Stacked / Brackets [Gaming 15] Neon / Cyber / Glitch / RGB Wave / HUD / Hologram / Esports / Synthwave / Matrix / Scoreboard / Mil-Spec / Circuit Board / Caution Tape / Rank Badge / Carbon [Retro 14] 7-Segment / Flip / Terminal / RPG Window / Nixie Tube / LCD / LED Board / VFD / VHS / Cassette / Arcade / Marquee / Pager / Typed Page [TV Style 9] News / Variety Show / Live / Weather / Quiz Show / Sports / Subtitles / Lower Third / Documentary [Cute 13] Pastel / Pop / Sticker / Kitty / Sticky Note / Cloud / Ribbon / Candy / Bear / Bunny / Heart / Balloon / Dreamy Pastel [Japanese 11] Wafu / Tanzaku / Daily Calendar / Gold Leaf / Moonlight / Brush / Hemp Leaf / Waves / Shoji Screen / Ema Plaque / Lantern [Seasonal 12] Sakura / Fireworks / Autumn Leaves / Snow / Halloween / Christmas / Rainy Season / Summer Sea / Goldfish / Moon Viewing / Valentine's / New Year [Analog 8] Ring / Analog / Analog (Dark) / Roman Numerals / Hands Only / Neon Analog / Wooden / Station Clock [Other 5] Chalkboard / Binary / Speech Bubble / Progress Bar / Ticket Some unusual ones: - Flip … The digit cards actually flip over - Moonlight … The moon waxes and wanes with today's moon phase - Tanzaku … Vertical writing in kanji numerals (十二時三十四分) - Daily Calendar … A big date with the time below it - Progress Bar … Shows how much of the day has passed - Speech Bubble … Tells the time in a speech bubble ("It's 12:34:56") - Sakura / Autumn Leaves / Snow … Petals, leaves or snow drift across the clock - Matrix … Code rain falls behind the clock ■ Features - Transparent background. Just paste the URL into an OBS Browser source - Includes a settings page: "Pick a design → Adjust → Copy URL", all on one page - Hover over a card to preview it. Step through designs with ◀ ▶ - Search by name or style / favorites / surprise me / browse large - Just pick a "Color preset" (4-5 per design), or change each color yourself - 19 fonts - Shows the recommended "Width × Height" for OBS automatically (click to copy) - Settings are saved automatically. You can also load the URL from OBS to keep editing later - Only the digits that change are redrawn, so it stays light even on long streams - Settings page and clock text in Japanese / English / Traditional Chinese ■ Settings - Design … 100 designs - Colors … color presets for each design, or up to 3 custom colors - Font … 19 fonts (Japanese, rounded, mincho, pixel, retro, display and more) - Text outline … thickness and color - Digit animation … Fade / Slide / Pop - Seconds / date / 12-hour clock (AM/PM) - Date format … Sat, Oct 3 / Oct 3 (Sat) / Sat, Oct 3, 2026 / 2026/10/03 Sat / 2026.10.03 SAT (Japanese and Taiwanese formats are also available, e.g. 10月3日(土) / 民國115年10月3日(六)) - Language … settings page and the clock's weekdays, AM/PM, etc. (Japanese / English / Traditional Chinese) - Date position … above / below / left / right of the clock - Caption … any text under the clock (up to 30 characters, e.g. JST, LIVE) - Size … 30% to 400% - Drop shadow, blinking colon, leading zero (09:05 / 9:05) - Position … horizontal (left / center / right) / vertical (top / middle / bottom) - Time zone … leave empty for your PC's time, or show the time in another region * Designs that draw digits as shapes (7-Segment, LCD, Analog, etc.) can't use some options such as font or outline (they are grayed out in the settings page) ■ How to use 1. Unzip, then double-click settings.html in the folder (the settings page opens in your browser) 2. Pick a design on the left, then adjust colors, font, seconds, date, etc. on the right 3. Click "Copy URL" at the bottom center 4. In OBS, click "+" under Sources and add a "Browser" source. Uncheck "Local file" and paste the URL into the URL field 5. Enter the "Width × Height" numbers shown in the settings page and click OK ■ Requirements - OBS Studio 30 or later recommended - Windows / macOS - Open the settings page in a browser such as Chrome or Edge - An internet connection is needed to load fonts (the clock still works offline with a fallback font) ■ Differences from the free version Free Full (this item) Designs 8 All 100 Colors Fixed to design defaults Presets + up to 3 custom colors Font Fixed to design default Choose from 19 Text outline None (fixed) Any thickness and color Digit animation None (fixed) Fade / Slide / Pop Credit Required Not required Want to try it first? Get the free version → https://amemineamane.booth.pm/items/8958309 ■ Terms of use - Personal and commercial use OK - Streaming, video uploads and monetization OK - Modifications OK (feel free to customize it for your own streams) - Redistribution, resale, or distributing modified versions is NOT allowed - No credit required - The author is not responsible for any damage caused by using this asset ■ Related items - More streaming assets → https://amemineamane.booth.pm/ ■ Contact Questions, requests and bug reports are always welcome! - DM on X (Twitter): https://x.com/AmemineAmane - BOOTH message feature
繁體中文
讓直播畫面多一個可以換裝的時鐘。 「換裝時鐘 Clock Studio」是用 OBS 瀏覽器來源顯示的直播用時鐘素材。 在設定畫面選好設計，依喜好調整顏色、字型、秒數、日期等， 再把產生的網址貼到 OBS 就完成了。背景是透明的，可以直接疊在遊戲畫面或聊天畫面上。 這是付費版。100 種設計，以及顏色・字型・文字外框・數字動畫的更改全部都能使用， 而且不需要標註出處。 設定畫面支援日文、英文、繁體中文。 ■ 推薦給這樣的你 ・想在直播畫面放時鐘，但不想碰 HTML 或 CSS ・遊戲直播、聊天、陪伴工作直播等，想依每場直播改變時鐘的氣氛 ・想讓時鐘的顏色配合季節活動或自己的代表色 ・每次都要查 OBS 要填的寬度・高度，覺得很麻煩 ■ 設計 (9 種風格・100 種) [簡約 13 種] 基本 / 底線 / 膠囊 / 玻璃 / 空心字 / 側邊條 / 雙行 / 字卡 / 打字機 / 極細 / 圓形徽章 / 三段 / 方括號 [電競 15 種] 霓虹 / 賽博 / 故障風 / RGB 波浪 / HUD / 全像 / 電競 / 合成波 / 數位雨 / 記分板 / 軍規 / 電路板 / 警示帶 / 段位徽章 / 碳纖維 [復古 14 種] 七段顯示 / 翻頁鐘 / 終端機 / RPG 視窗 / 輝光管 / 液晶 / LED 看板 / 螢光顯示管 / VHS / 卡帶 / 街機 / 燈泡招牌 / 呼叫器 / 打字稿 [節目風 9 種] 新聞 / 綜藝字幕 / LIVE / 氣象 / 益智節目 / 體育轉播 / 字幕 / 名條 / 紀錄片 [可愛 13 種] 粉彩 / 普普風 / 貼紙 / 貓咪 / 便利貼 / 雲朵 / 緞帶 / 糖果 / 小熊 / 兔兔 / 愛心 / 氣球 / 夢幻可愛 [日式 11 種] 和風 / 短冊 / 日曆 / 金箔 / 月光 / 毛筆 / 麻葉紋 / 青海波 / 紙拉門 / 繪馬 / 燈籠 [季節 12 種] 櫻花 / 煙火 / 楓葉 / 雪 / 萬聖節 / 聖誕節 / 梅雨 / 夏日海洋 / 金魚 / 賞月 / 情人節 / 新年 [指針 8 種] 圓環 / 指針 / 指針 (黑) / 羅馬數字 / 只有指針 / 霓虹指針 / 木製 / 車站時鐘 [其他 5 種] 黑板 / 二進位 / 對話框 / 進度條 / 票券 幾個比較特別的設計： ・翻頁鐘 … 數字卡片會真的「啪」地翻過去 ・月光 … 月亮會依當天的月相陰晴圓缺 ・短冊 … 直書・國字數字 (十二時三十四分) ・日曆 … 大大的日期，下面是時間 ・進度條 … 用進度條顯示今天已經過了百分之多少 ・對話框 … 用對話框告訴你「現在是 12點34分56秒」 ・櫻花 / 楓葉 / 雪 … 花瓣、葉子、雪花會飄落 ・數位雨 … 背後落下文字雨 ■ 特色 ・背景透明。只要把網址貼到 OBS 的瀏覽器來源就能使用 ・附設定畫面。「選擇設計 → 調整 → 複製網址」在同一個畫面就能完成 ・滑鼠移到卡片上，可以在預覽中試看。也能用 ◀ ▶ 依序切換 ・依名稱或風格搜尋 / 我的最愛 / 隨機 / 大圖瀏覽 ・顏色只要從「推薦配色」(每個設計 4～5 組) 挑選即可，也能逐一自由更改 ・字型 19 種 ・自動顯示要填入 OBS 的「寬度 × 高度」建議值 (點一下即可複製) ・設定會自動儲存。也可以讀取貼在 OBS 的網址，之後接著修改 ・只重畫有變化的數字，長時間直播也不會變重 ・設定畫面和時鐘文字支援日文 / 英文 / 繁體中文 ■ 可以設定的項目 ・設計 … 100 種 ・顏色 … 每個設計的推薦配色，或自由設定最多 3 處 ・字型 … 19 種 (Noto Sans JP / M PLUS Rounded 1c / Zen Maru Gothic / Shippori Mincho / Orbitron / Share Tech Mono / DotGothic16 / Fredoka / Oswald / Bebas Neue / Roboto Mono / Yuji Syuku / Dela Gothic One / Klee One / Nixie One / Jost / Teko / Special Elite / Saira Stencil One) ・文字外框 … 粗細和顏色 ・數字切換動畫 … 淡入 / 滑動 / 彈跳 ・秒數顯示 / 日期顯示 / 12 小時制 (AM/PM 或 上午/下午) ・日期格式 … 10月3日(六) / 2026年10月3日(六) / 民國115年10月3日(六) / 2026/10/03 Sat / 2026.10.03 SAT / Sat, Oct 3 ・語言 … 設定畫面，以及時鐘上星期、上午/下午等的語言 (日文 / English / 繁體中文) ・日期位置 … 時鐘的 上 / 下 / 左 / 右 ・附加文字 … 在時鐘下方顯示喜歡的文字 (最多 30 字。例：JST、直播中) ・大小 … 30% ～ 400% ・陰影、冒號閃爍、小時補 0 (09:05 / 9:05) ・畫面中的位置 … 水平 (左・中・右) / 垂直 (上・中・下) ・時區 … 留空為電腦的時間。指定後也能顯示其他地區的時間 ※ 用圖形畫數字的設計 (七段顯示・液晶・指針等)，字型、外框等部分項目無法使用 (在設定畫面會以淡色顯示) ■ 使用方法 1. 解壓縮 ZIP，在資料夾裡的 settings.html 上按兩下 (會用瀏覽器開啟設定畫面) 2. 在左邊選設計，在右邊調整顏色、字型、秒數、日期等 3. 按下方中間的「複製網址」 4. 在 OBS 的「來源」按「+」→ 新增「瀏覽器」。取消勾選「本機檔案」，在網址欄位貼上 5. 在寬度・高度填入設定畫面顯示的「寬度 × 高度」數字，按確定 ■ 內容物 ・clock.html … 時鐘本體 (要加入 OBS 瀏覽器來源的檔案) ・clock-data.js … 設計和字型的定義 ・settings.html … 設定畫面 (附預覽) ・thumbs/ … 設定畫面設計一覽用的圖片 ・i18n/ … 語言資料 (日文 / 英文 / 繁體中文)，請勿刪除 ・README.txt / README_en.txt / README_zh-TW.txt … 使用方法・使用規範 (日文 / 英文 / 繁體中文) 下載檔案：ClockStudio_v1.0.0_Paid.zip ■ 系統需求 ・建議使用 OBS Studio 30 以上 ・Windows / macOS ・設定畫面請用 Chrome / Edge 等瀏覽器開啟 ・載入字型需要網路連線 (沒有連網時，時鐘仍會用替代字型正常運作) ■ 和免費版的差異 免費版 付費版 (本商品) 設計 8 種 全部 100 種 顏色 固定為設計預設的顏色 推薦配色 ＋ 最多 3 處自由設定 字型 固定為設計預設 19 種可選 文字外框 無 (固定) 粗細・顏色自由設定 數字動畫 無 (固定) 淡入 / 滑動 / 彈跳 標註出處 需要 不需要 想先試用的話，請下載免費版 → https://amemineamane.booth.pm/items/8958309 ■ 使用規範 ・個人 / 商業使用 OK ・直播、影片上傳、營利 OK ・修改 OK (為了自己的直播而改造，請自由使用) ・禁止二次散布、轉售、散布修改版 ・不需要標註出處 ・因使用本素材而產生的任何損害，作者概不負責 ■ 相關商品 ・其他直播素材 → https://amemineamane.booth.pm/ ■ 聯絡方式 有任何問題、需求或錯誤回報，歡迎隨時聯絡！ ・X (Twitter) 私訊：https://x.com/AmemineAmane ・BOOTH 的訊息功能 ■ 更新紀錄 ・v1.0.0 發布