【配信】花火で埋まる目標メーター 6デザイン|Twitchのサブ・ビッツが増えるたびに花火・年越しカウントダウンつき・ログイン不要・OBS用・設定ボタン(⚙)つき
- Digital1,200 JPY









Twitchのサブスクやビッツが増えるたびに、花火が1発あがる目標メーターです。メーターが目標まで届くと大きなフィナーレ。年越しには、日時を入れるだけのカウントダウンにもなります。 ログインもトークンも要りません。配信者のチャンネル名を入れるだけで、Twitchのチャットに直接つながります(読み取りだけで、チャットに発言は送りません)。 同じ機能のまま、見た目だけ違うものを6デザインそろえました。背景は透過なので、ゲーム画面や待機画面の上にそのまま置けます。 単一HTML・インストール不要・アカウント連携不要。OBSのブラウザソースに入れるだけ。日本語/English 切替対応。 ━━━━━━━━━━━━━━━━━━ ◆ 必要なもの ━━━━━━━━━━━━━━━━━━ ・Twitchのチャットを読むため、インターネットにつながっていること ・対応しているのはTwitchのチャットです ・つながる先はTwitchのチャット1か所だけです ━━━━━━━━━━━━━━━━━━ ◆ 収録している6デザイン ━━━━━━━━━━━━━━━━━━ ・skyline.html … 夜の街の打ち上げ(街のシルエットの窓に灯りがともるメーター) ・hanabi.html … 花火大会(提灯が1つずつ灯るメーターと、大きな丸い花火) ・neon.html … ネオン線の花火(輪郭だけが光る) ・paper.html … ペーパークラフト(色紙のかけらが舞う花火) ・ring.html … リングと火花(円のメーターとミニマルな花火) ・champagne.html … シャンパンゴールド(黒に金。年越しのカウントダウン向き) ━━━━━━━━━━━━━━━━━━ ◆ 何が数えられるか ━━━━━━━━━━━━━━━━━━ ・サブスク・継続サブスク … 1件で +1 ・ギフトサブ … 1人ぶんで +1 ・みんなへのギフト … 贈った数ぶん(Twitchが送る「まとめ」と「1人ずつ」の両方の通知を、ギフトの印で束ねて1回だけ数えます) ・ビッツ … 初期は100ビッツで +1(端数は持ち越し) ・数える通知の種類、サブ1件で増える数、ビッツの割合、目標の数は⚙で変えられます ・目標に届くと大きなフィナーレと「目標達成!」。超えても数え続け、メーターに超過ぶんが出ます ・手で足す・引く・数を決めることもできます(花火の確認や、配信前の調整に) ・数はこのブラウザに保存され、再読み込みしても続きから ━━━━━━━━━━━━━━━━━━ ◆ 年明けカウントダウン ━━━━━━━━━━━━━━━━━━ ・⚙で「年明けカウントダウン」にして、日時(例 2027-01-01T00:00)を入れるだけ ・時間帯は、このPC・Asia/Tokyo・America/New_York・+09:00・UTC などから選べます ・日・時間・分・秒が出て、最後の10秒は1秒ごとに花火 ・00:00:00 で大きなフィナーレと「あけましておめでとう!」(言葉は自由) ━━━━━━━━━━━━━━━━━━ ◆ 設定ボタン(⚙) ━━━━━━━━━━━━━━━━━━ ・チャンネル名・表示の種類・目標・見出し・達成の言葉・数える通知・日時・花火の細かさ・置く場所・大きさ・色・言語を、URLを書き換えずに設定できます ・普段は見えないので、配信画面には映りません ・設定は保存され、OBSを再起動しても残ります ・「花火の細かさ」を「やさしい」にすると軽くなります。花火を切って数だけ動かすこともできます ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・文字はHTMLの文字なので、どんな大きさでもにじみません ・外部の書体やスクリプトは使っていません ・Twitchのチャットが途切れたら、待ち時間を少しずつ延ばしながら自動でつなぎ直します ・配信可・商用利用可(同梱の利用規約参照) ◆ こんな方に ・サブスクやビッツの目標を、見て楽しい形で出したい方 ・年越し配信のカウントダウンを、画面にそのまま置きたい方 ・ボットや配信ツールの設定なしで、目標メーターを置きたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。









