かわいいも、かっこいいも。 配信の雰囲気に合わせて選べる、全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のショップメッセージからお気軽にご連絡ください。