クリックするたびに数字が滑らかに動き、ガラス玉の中がぷるぷるとリアルタイムに増減する！ 配信画面を最高にポップでガーリーに彩る、高機能な動態リキッドガラス玉カウンター（HTMLソース型配信素材）です。 OBSのブラウザソースに読み込ませるだけで、配信画面に美しいすりガラス玉カウンターを設置できます。 ゲーム配信の勝率・目標管理、耐久配信の登録者数目標、雑談配信のトーク消化カウントなど、様々な配信シーンの画面構成に対応します。 ━━━━━━━━━━━━━━━━━ ✨ 主な機能・ポイント ✨ ━━━━━━━━━━━━━━━━━ ① ぷるぷる動く！ 設定した「目標数値」に対して、現在のカウント数に応じてガラス玉の中のお水が上昇・下降します。 ② ワンクリックで「通常数値 ↔ ％表示」の切り替えが可能 手元のコントロールパネルにあるチェックボックスを入れるだけで、画面上の表示を「現在のカウント数」から、目標値に対する「％」へ瞬時に自動変換して表示することができます。 ③ OBSドック対応！裏画面でリアルタイム操作 OBSの「カスタムブラウザドック」機能に対応。手元の操作パネルからカウンターの名前変更、数値の増減（+1, -1, +5, -5, +10）、カラーパレットからのリアルタイム配色変更できます。 ④ データの自動保存機能 入力したカウント数、目標値、タイトル名、カスタムカラーはブラウザ（localStorage）に自動で記憶されます。一度OBSを閉じたり、パソコンを再起動したりしても、復元して続きから再開できます。 ━━━━━━━━━━━━━━━━━ 📦 商品内容 ━━━━━━━━━━━━━━━━━ ・リボンありVer.　- index-ribbon.html ・リボンなしVer.　- index.html ━━━━━━━━━━━━━━━━━ 🧷 導入方法・設定手順 ━━━━━━━━━━━━━━━━━ このツールは「操作用画面（Dock）」と「表示用画面（OBSブラウザソース）」を分けて配置します。導入はとても簡単です。 【STEP 1：表示用画面の追加（OBSの配信画面用）】 1. OBSの「ソース」の一覧の下にある[＋]ボタンから「ブラウザ」を追加します。 2. プロパティ画面が開いたら、「ローカルファイル」のチェックは必ず【外した状態（OFF）】にしてください。 3. 「URL」欄に、ダウンロードした【お好みのタイプのファイルパス（ file:///〜 ）】を貼り付け、末尾に半角で「 ?obs=1 」を追記してください。 ➔ （URLの末尾例：.../index.html?obs=1 ） 4. お好みのサイズに設定して「OK」を押します。 【STEP 2：操作用パネルの追加（OBSのドック用）】 1. OBSの上部メニューバーから「表示」＞「ドック」＞「カスタムブラウザドック」を選択します。 2. ドック名に「カウンター操作」など分かりやすい名前を入力します。 3. 「URL」欄に、先ほどと同じファイルのパスを貼り付けます。 ※【重要】こちらのURLの末尾には半角で「 ?dock=1 」を追記して「適用」を押してください。 ➔ （URLの末尾例：.../index.html?dock=1 ） 4. 出現したコントロールパネルを、OBS内の使いやすい場所（左右の枠など）にドラッグ＆ドロップして配置してください。 あとは、OBSに埋め込んだ手元の操作パネルから目標値や色を入力し、「+1」ボタンを押すだけです。遅延なくリアルタイムで配信画面に美しく反映され、ぷるぷる動くカウンターが連動を開始します🧸💌 ━━━━━━━━━━━━━━━━━ 📜 利用規約 ━━━━━━━━━━━━━━━━━ 【許可していること】 ✅ 商用利用（収益化済みのYouTube、Twitch、ツイキャス等の配信活動・動画制作） ✅ サムネイル、配信アーカイブ、切り抜き動画への映り込み ✅ 配信画面やオーバーレイに合わせたサイズ、配置の自由な変更・コードの微調整 【禁止事項】 ❌ 素材データ（ソースコード）そのもの、または加工・改変済データの再配布・転売・譲渡・自作発言 ❌ デザインの原型を留めない過度な改変、商標登録、公序良俗に反する目的での利用 ※著作権は放棄しておりません。 ━━━━━━━━━━━━━━━━━ 🎨 セミオーダー（カラー・デザインカスタム） ━━━━━━━━━━━━━━━━━ 販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨ 基本料金システム：【 BOOTHの商品代金 】＋【 下記 of カスタム料金 】 ① カラー変更＋¥500 〜 全体の配色をご指定 of カラーに変更します。 ② ロゴ・お名前挿入 ＋¥1,000 〜 ロゴやお名前を素材内に配置します。 ③ レイアウト微調整・パーツ分け ＋¥1,500 〜 配置変更や、OBSで動かしやすいようにパーツ分解します。 ※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。 🔗 https://sakuramii.booth.pm/items/8483503 ━━━━━━━━━━━━━━━━━ 🌐 配信活動に役立つ無料ツール公開中！ ━━━━━━━━━━━━━━━━━ ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。 🎨 ゆめかわ カスタム時計ジェネレーター 📅 週間配信スケジュールメーカー 🖼️ 配信サムネイル背景ジェネレーター 🔗 https://sakuramisozaiya.vercel.app/ ━━━━━━━━━━━━━━━━━ 💌 お問い合わせ ━━━━━━━━━━━━━━━━━ ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X（旧Twitter）のDM（@skrm_sozaiya）よりお気軽にご連絡ください🧸💬