【OBS用／全15デザイン】賞金・ポイントが増える！配信用カウントダウンタイマー【耐久配信・ブラウザソース】

かわいいも、かっこいいも。

配信の雰囲気に合わせて選べる、全15種類のタイマー！

耐久配信・ゲーム実況・企画配信などに使える、OBS向けのカウントダウンタイマーです。

残り時間の表示に加えて、経過時間に合わせて「賞金・ポイント」が自動で増えていく機能を搭載しています。

タイマー本体「timer.html」1つに、15種類のデザインを収録。

使い方・利用規約をまとめた「Readme.txt」とセットで、1つのZIPファイルにまとめて配布します。

デザイン・メインカラー・タイトル・賞金の単位を変更して、あなたの配信画面に合わせて使えます。

賞金表示をオフにすれば、通常のカウントダウンタイマーとしても利用できます。

タイマーの外側は透過なので、ゲーム画面や配信レイアウトにそのまま重ねて配置できます。

-----------------------------------

🎨 収録デザイン：全15種類

-----------------------------------

1. かわいい ─ ポップなストライプと丸みのあるデザイン

2. かっこいい ─ メタリックなフレームと立体感

3. ミニマル ─ すっきり見やすいシンプルなデザイン

4. レトロゲーム ─ ドット柄の8bit風デザイン

5. ネオン ─ 暗い背景に光るエッジ

6. グラス ─ 透明感のある、やわらかな雰囲気

7. チケット ─ ミシン目やバーコードを取り入れた紙チケット風

8. フリップ時計 ─ パネルがめくれる機械式時計風

9. スポーツ ─ 大胆な配色のスコアボード風

10. 和モダン ─ 明朝体と紙の風合いを組み合わせたデザイン

11. ターミナル ─ 等幅フォントのコマンド画面風

12. カセットテープ ─ リールのある、懐かしいカセット風

13. コミック ─ 網点や吹き出しを取り入れたマンガ風

14. アクア（水槽） ─ 水・泡・魚をあしらった水槽風

15. 宇宙 ─ 星空と惑星をあしらったデザイン

設定画面の一覧から、使いたいデザインを選択できます。

※15個のHTMLファイルではなく、1つのHTMLファイル内でデザインを切り替える形式です。

-----------------------------------

✨ 主な機能

-----------------------------------

■ 色・タイトル・単位をカスタマイズ

メインカラーはお好みの色に変更可能。

「ゲーム残り時間」などのタイトルや、「円」「pt」「ポイント」などの単位も変更できます。

コードを編集せず、設定画面から操作できます。

■ 経過時間に合わせて賞金・ポイントが増加

「何秒ごとに」「いくら増えるか」を設定できます。

例：90分スタート・1秒ごとに100円の場合

・1分経過 → 残り89:00／6,000円

・35分28秒経過 → 残り54:32／212,800円

残り時間が0:00になると、賞金は終了時の金額で停止します。

その1秒後にタイマーの数字が消え、「ゲーム終了」が約0.6秒でフェードインします。

全15デザインに対応しており、終了後も確定した金額を表示します。

※賞金・ポイントは配信上の演出用表示です。実際の金銭の獲得・送金・決済機能はありません。

■ 賞金を表示しない使い方にも対応

賞金表示はオン／オフを切り替えられます。

作業配信や制限時間つきの企画など、時間だけを表示したい場合にも使えます。

■ 即スタート・開始日時の指定

すぐに開始する設定のほか、カレンダーから開始日時を指定できます。

開始日時を指定した場合は、その時刻まで待機し、自動でカウントダウンを開始します。

■ 数字アニメーションと、デザインに合わせた演出

数字が切り替わるアニメーションはオン／オフが可能です。

一部のデザインには、専用の動きも用意しています。

・フリップ時計：パネルがめくれる動き

・スポーツ：斜めの文字に沿った数字の動き

・カセットテープ：回転するリール

・アクア（水槽）：残り時間に合わせた水位の変化、泡や魚の動き

・宇宙：星のきらめきや惑星の動き

■ 見やすい表示と、コンパクトな設定画面

賞金表示は全デザインで右寄せに統一。

設定画面はタイマーの枠内に表示され、一覧などの長い内容は内部でスクロールできます。

設定画面を開くだけでは、タイマーや賞金はリセットされません。

■ 設定の保存・読み込み

設定をJSONファイルとして書き出し、読み込めます。

お気に入りの設定のバックアップや、次回の配信準備に便利です。

※進行中の残り時間を保存する機能ではなく、デザイン・時間・賞金設定などを保存する機能です。

-----------------------------------

🎮 こんな配信におすすめ

-----------------------------------

・耐久配信や目標達成を目指す企画配信

・制限時間つきのゲーム実況・チャレンジ企画

・雑談配信や作業配信の時間管理

・配信やイベントの準備時間のカウントダウン

-----------------------------------

📦 内容物・配布形式

-----------------------------------

ダウンロードファイル：timer.zip（ZIPファイル1点）

ZIP内には、以下の2ファイルが入っています。

・timer.html … タイマー本体（全15デザイン切り替え対応）

・Readme.txt … ご利用方法・利用規約

ダウンロード後はZIPファイルを解凍し、Readme.txtをご確認のうえご利用ください。

OBSには、解凍したtimer.htmlをブラウザソースとして読み込みます。

※商品画像の背景・装飾などは使用イメージです。タイマー外側の背景や装飾素材は付属しません。

-----------------------------------

⚙️ 使い方（OBS Studio）

-----------------------------------

1. ダウンロードした「timer.zip」を解凍し、「Readme.txt」を確認します。

2. OBSの「ソース」にある「＋」から「ブラウザ」を追加します。

3. 「ローカルファイル」にチェックを入れ、解凍した「timer.html」を選択します。

4. 幅・高さを設定します。目安は幅800px／高さ550pxです。表示が切れる場合は、幅・高さを広げて調整してください。

5. ブラウザソースを右クリックし、「対話」を開きます。

6. 対話ウィンドウ内の右上にマウスを乗せ、「設定」を開きます。

7. 「デザイン変更」や各項目で設定を行い、「保存してリセット」で反映します。「即スタート」の場合は、保存後すぐにカウントダウンが始まります。

8. OBS上で、配信レイアウトに合わせてサイズ・位置を調整します。

※「保存してリセット」は、設定を反映してタイマーを初期化する操作です。計測中に操作する場合はご注意ください。

※設定画面もブラウザソースに表示されます。配信に映したくない場合は、配信前やソースを非表示にした状態で設定してください。

-----------------------------------

📢 ショップ案内の表示について

ご購入前にご確認ください

-----------------------------------

本商品には、所定のタイミングでショップ案内とQRコードを表示する機能があります。

初期設定はオンです。

設定画面の「ショップ案内・QRコード」で「表示する」のチェックを外すと、案内を非表示にできます。

変更は「保存してリセット」で反映されます。

選択した状態は設定に保存され、JSONファイルへの書き出し・読み込みにも対応しています。

【オンの場合の表示タイミング】

・開始日時を指定している場合：通常は、開始予定時刻の30秒前から表示します。

・開始待機中：待機開始から10分ごとに表示します。

・カウントダウン中：残り時間が10分の倍数になったときに表示します。

90分の即スタートの場合は、80:00・70:00・60:00・50:00・40:00・30:00・20:00・10:00です。

・終了後：終了から15秒後に1回表示し、その後も終了後およそ10分ごとに表示します。

通常1回につき約15秒間、タイマーの上に案内が重なって表示されます。

計測中は、案内の表示中もカウントダウンと賞金の加算が継続します。

終了後に案内が表示された場合も、案内が消えると「ゲーム終了」と確定した金額の表示に戻ります。

※90分の即スタートでは、開始直後の90:00や、終了した瞬間の00:00には表示されません。

※開始予定時刻の30～15秒前の間にページを開いた場合は、その時点から約15秒間表示されることがあります。

※表示条件が重なると、案内の表示時間が延長される場合があります。

※案内を非表示にする場合は、配信前に設定をオフにして保存してください。「保存してリセット」ではタイマーも初期化されます。

-----------------------------------

📜 利用規約

-----------------------------------

【ご利用いただけること】

・個人・法人問わず、YouTubeやTwitchなどの動画配信プラットフォームでの利用

・収益化の有無を問わずご利用いただけます。収益化済みチャンネルでの利用も可能です。

・配信画面に合わせたサイズ変更や配置の調整

【禁止事項】

・本データの再配布・再販売（改変したデータを含みます）

・自作発言

・公序良俗に反する目的、誹謗中傷を目的とした利用

-----------------------------------

⚠️ 注意事項

-----------------------------------

・OBS Studioのブラウザソースでの利用を想定しています。他の配信ソフトでの動作は保証していません。

・一部にWebフォントを使用しています。意図した見た目で表示するため、インターネット接続環境でご利用ください。環境によってフォントなどの見え方が異なる場合があります。

・ブラウザソースの再読み込みや再起動によって、タイマーが初期状態から再開する場合があります。シーン切り替え時の再読み込み設定などにもご注意ください。

・設定は利用環境のブラウザ側に保存されます。保存内容が消える場合に備えて、JSONファイルでのバックアップをおすすめします。

・本ツールの利用により発生したトラブル・損害について、当方では責任を負いかねます。配信前に、ご利用環境で動作をご確認ください。

ご不明な点や不具合がありましたら、BOOTHのショップメッセージからお気軽にご連絡ください。