【OBS素材】目標達成メーター Lo-fi Cafe ☕ / チャンネル登録者を自動取得 / ラテが満ちる演出

☕ ラテが満ちるたび、 配信が次のステージへ。

チャンネル登録者数・売上・配信目標などを「ラテカップ」 演出付きで配信画面に表示する、

OBSブラウザソース用の目標達成メーター (Lo-fi Cafe テーマ) です。

ラテが満ちていく動きで、 視聴者と一緒に目標を見守る空気感を演出します。

【できること】

・YouTube登録者数を一定間隔ごとに自動取得して目標メーターに反映 (YouTube Data API)

・売上・配信回数など好きな数値目標も手動入力で表示OK (自動更新はYouTube登録者数のみ)

・ラテが少しずつ満ちていく演出で進捗を可視化

・100%達成でハート型ラテアートと「Goal Reached!」 の達成演出

・木目 × レコード盤の、 作業BGM配信に馴染むチルな世界観

・目標値・現在値・ラベルを設定パネルから自由に変更

・文字の大きさを70%〜150%で調整可能

・OBSのブラウザソースに index (goal.html) を読み込むだけ

【世界観】

☕ Lo-fi Cafe — 木目とラテのあたたかい色調。 ASMR・作業配信・歌枠・まったり雑談に。

【こんな配信に】

・登録者の節目 (1000人など) を視聴者と一緒に目指したいVTuber/配信者

・チル系・作業配信・歌枠で世界観を壊さず目標を見せたい配信者

・売上目標・配信回数などの数値目標を可視化したい配信者

【設定方法】

1. ZIP を解凍して settings.html を開き、 目標値・現在値・テーマを設定

2. YouTube登録者の自動取得を使う場合は同梱の youtube-api-setup.html の手順でAPIキーを取得・設定

3. OBS のソースで「+」 → 「ブラウザ」 → goal.html を指定 (またはURLを貼り付け)

4. 幅・高さをツールに合わせて調整 (くわしくは同梱の manual.html を参照)

【動作環境】

・OBS Studio (ブラウザソース対応バージョン)

・モダンブラウザ (Chrome / Edge / Firefox)

・登録者自動取得には YouTube Data API キー (取得手順同梱)

【同梱ファイル】

・goal.html (OBS読み込み用 本体)

・settings.html (設定パネル)

・youtube-api-setup.html (APIキー取得手順)

・manual.html (画像付きマニュアル)

・css/ js/ api-images/ (本体が使う一式)

【ライセンス】

・個人/法人問わず、 商用配信・収益化配信で使用OK

・再配布・改変配布・転売は禁止

・購入者本人の配信・動画素材として自由にご利用ください

ご不明な点はBOOTHのメッセージまでお気軽にどうぞ。