【OBS素材】Meteor Goal Gauge - OBS用 目標メーター・達成演出ウィジェット

目標までの距離を、数字だけでなく画面の熱量として見せます。

【Meteor Goal Gauge】

OBS用 目標メーター・達成演出ウィジェット

────────────────

【✨ この素材でできること】

・settings.htmlで現在値と目標値を入れ、生成URLをOBSに追加すると、進行中の目標メーターが表示される。

・settings.htmlで文言、数値、色、表示内容を調整できます

・OBSのブラウザソースに入れるだけで、配信用の表示として使えます

・外部APIなし。ローカルHTMLとして動くので、余計な連携設定は不要です

・無料サンプルで表示感を確認してから、フル版を選べます

【🌙 こんな時におすすめ】

・耐久配信、登録者目標、企画達成、進行中の支援メーター

・配信中に「今なにが起きているか」を視聴者へ見せたい時

・静止画だけだと少し寂しい場面を、軽い動きのある表示にしたい時

・凝った素材は欲しいけれど、コード編集や複雑なOBS設定は避けたい時

【📁 内容物】

・フル版HTML

・無料サンプルHTML

・settings.html

・表示用レイヤー素材

・README

・OBS導入ガイド

・FAQ

・利用規約

【✅ 無料版とフル版の違い】

無料版:

・基本表示を試せます

・settings.htmlの流れを確認できます

・購入前の表示チェックに使えます

フル版:

・目標ゲージ / 節目カード / 達成演出 / 設定URL生成 / 3色プリセット / OBS表示プレビュー

・3色プリセット

・追加の表示用レイヤー

・8枚の紹介画像で内容物と導入の流れを確認できます

【🖥️ 使い方】

1. ZIPを解凍

2. settings.htmlを開く

3. 文言、数値、色を調整

4. 生成されたURLをOBSのブラウザソースに入力

5. 幅1920 / 高さ1080で表示確認

【📝 対応環境】

・OBS Studioのブラウザソース

・ローカルHTMLを開けるブラウザ

・推奨サイズ: 1920 x 1080

・外部API、ログイン、サーバー契約は不要です

【⚠️ サポート範囲】

OK:

・同梱HTMLの基本的な使い方

・OBSブラウザソースへの入れ方

・settings.htmlで変更できる範囲

対象外:

・個別配信画面への細かいデザイン改造

・外部APIや配信サービスとの自動連携

・OBS以外の特殊環境での完全保証

【✅ 利用規約】

OK:

・個人配信での利用

・商用配信での利用

・配信画面に合わせた色や文言の変更

NG:

・素材ファイルそのものの再配布

・素材を改変して販売すること

・第三者の権利を侵害する用途

【アップデート候補】

・色プリセット追加

・OBSシーン例追加

・短い動画/GIFプレビュー追加