小さなおててに、おまかせ。箱から伸びる猫の手が、次のお題を選んでくれます🐾📦 VTuber・配信者さん向けの「ねこのおてて抽選箱」です。 候補を入力してボタンを押すと、猫の手がくじを引くアニメーションとともに結果を表示します。 雑談のお題、質問箱、参加者抽選、歌枠の曲決め、コラボ企画など、いろいろな配信で使えます。 ━━━━━━━━━━━━━━━━━ ✨ 主な機能・おすすめポイント ✨ ━━━━━━━━━━━━━━━━━ ① 猫の手がくじを引く、かわいい抽選演出 箱から小さな猫の手が伸びて、くじを選ぶアニメーションを搭載しています。 結果が出るまでのわくわく感を、視聴者さんと一緒に楽しめます。 おてては「茶ねこ」「白ねこ」「黒ねこ」の3種類から選べます。 ② 候補を1行ずつ入力するだけ 質問、お題、名前、曲名などを1行に1件ずつ入力し、「候補を反映・抽選済みを戻す」を押すだけで準備完了です。 空行は除外され、同じ内容は1つにまとめられます。反映された候補はすべて同じ確率で抽選されます。 ③ 抽選済み候補の除外＆結果の自動非表示 「抽選した候補を除外する」をONにすると、一度選ばれた候補は次回から抽選されません。 同じお題の連続や参加者の重複当選を避けたい企画に便利です。 結果カードは手動で閉じられるほか、1～300秒で自動的に閉じる設定にも対応しています。 ④ タイトル・配色・音をカスタマイズ 箱のタイトル、箱の色、文字色を自由に変更できます。 箱の色に合わせて各面の明暗も変化し、配信画面に合わせた雰囲気に調整できます。 音をONにすると、抽選開始時と結果表示時に効果音が鳴ります。初期設定ではOFFです。 ⑤ OBSドック操作・自動保存・履歴コピー OBSのブラウザソースとカスタムブラウザドックに追加して、OBS内で抽選できます。 表示画面は背景透過。設定・候補・残り候補・結果・履歴はブラウザ内へ自動保存されます。 時刻付きの抽選履歴をまとめてコピーできるため、配信後の記録にも便利です。 ━━━━━━━━━━━━━━━━━ 📦 商品内容 ━━━━━━━━━━━━━━━━━ ・ねこのおてて抽選箱.zip 　・index.html 　・style.css 　・app.js 　・box-color.js 　・paw-colors.css 　・paw-editor.js 　・使い方.md ※ZIPをすべて展開し、ファイルの配置を変えずに使用してください。 ※インターネット接続・わんコメは不要です。候補の入力と抽選開始は手動操作です。 ━━━━━━━━━━━━━━━━━ 🧷 導入方法・設定手順 ━━━━━━━━━━━━━━━━━ STEP 1｜ZIPを展開して準備 ① ZIPを展開し、index.htmlをブラウザで開きます。 ② 候補を1行ずつ入力し、「候補を反映・抽選済みを戻す」を押します。 ③ 「おててで抽選」を押し、動作を確認してください。 STEP 2｜表示画面をOBSに追加 ① パネルの「OBS表示リンクをコピー」を押します。 ② OBSの「ソース」の「＋」から「ブラウザ」を追加します。 ③ 「ローカルファイル」のチェックを外し、URL欄へコピーしたリンクを貼り付けます。 ④ 幅600px・高さ650pxを目安に設定し、配信画面に合わせて調整してください。 表示画面のURL例： file:///C:/フォルダー名/index.html?obs=1 STEP 3｜操作パネルをOBSドックに追加 ① 「操作パネルリンクをコピー」でリンクを取得します。 ② OBSの「ドック」→「カスタムブラウザドック」を開きます。 ③ ドック名とコピーしたURLを入力し、「適用」を押します。 ④ OBS内の操作ドックで候補を反映し、抽選結果が表示画面へ同期されることを確認してください。 操作パネルのURL例： file:///C:/フォルダー名/index.html?dock=1 ※Windowsのファイルパスにある「\」を「/」へ変更し、先頭に「file:///」を付けるとファイルURLを作成できます。 ※リンクの自動コピーができない場合は、表示されたリンクをCtrl+Cでコピーしてください。 ━━━━━━━━━━━━━━━━━ 📌 ご使用前にご確認ください ━━━━━━━━━━━━━━━━━ ・通常のブラウザとOBSは保存領域を共有しません。OBSでは、同じファイル位置のリンクをブラウザソースと操作ドックへ指定してください。 ・操作パネルは1つから操作し、配信前にドックと表示側の同期を確認してください。 ・候補を入力・編集した後は「候補を反映・抽選済みを戻す」を押してください。反映し直すと、抽選済みの候補もすべて戻ります。 ・「結果を閉じる」は候補・履歴を変更しません。「履歴を消去」も候補には影響しません。 ・音は操作した画面から鳴ります。配信へ載せる場合は、実際のOBS音声設定で取り込めているか確認してください。 ・ファイルの移動やブラウザデータの削除によって、保存内容が読み込めなくなる場合があります。必要な履歴は事前にコピーしてください。 ━━━━━━━━━━━━━━━━━ 📜 利用規約 ━━━━━━━━━━━━━━━━━ 【許可していること】 ✅ 商用利用（収益化済みのYouTube、Twitch、ツイキャス等の配信活動・動画制作） ✅ サムネイル、配信アーカイブ、切り抜き動画への映り込み ✅ 配信画面やオーバーレイに合わせたサイズ、配置の自由な変更・コードの微調整 【禁止事項】 ❌ 素材データ（ソースコード）そのもの、または加工・改変済データの再配布・転売・譲渡・自作発言 ❌ デザインの原型を留めない過度な改変、商標登録、公序良俗に反する目的での利用 ※著作権は放棄しておりません。 ━━━━━━━━━━━━━━━━━ 🎨 セミオーダー（カラー・デザインカスタム） ━━━━━━━━━━━━━━━━━ 販売中の素材を、活動スタイルやイメージカラーに合わせてカスタマイズ可能です✨ 基本料金システム：【 BOOTHの商品代金 】＋【 下記カスタム料金 】 ① カラー変更＋¥500 〜 全体の配色をご指定のカラーに変更します。 ② ロゴ・お名前挿入 ＋¥1,000 〜 ロゴやお名前を素材内に配置します。 ③ レイアウト微調整・パーツ分け ＋¥1,500 〜 配置変更や、OBSで動かしやすいようにパーツ分解します。 ※詳細やご依頼の流れは、こちらの【カスタム専用ページ】を確認してください。 🔗 https://sakuramii.booth.pm/items/8483503 ━━━━━━━━━━━━━━━━━ 🌐 配信活動に役立つ無料ツール公開中！ ━━━━━━━━━━━━━━━━━ ブラウザ上でカンタンに高画質アセットが作れる、実用的な無料ジェネレーターツールを多数公開しています。日々の活動や枠作りにぜひ役立ててください。 🎨 ゆめかわ カスタム時計ジェネレーター 📅 週間配信スケジュールメーカー 🖼️ 配信サムネイル背景ジェネレーター 🔗 https://sakuramisozaiya.vercel.app/ ━━━━━━━━━━━━━━━━━ 💌 お問い合わせ ━━━━━━━━━━━━━━━━━ ご不明な点や動作に関するご相談、カスタムのご依頼は、BOOTHのメッセージ、または X（旧Twitter）のDM（@skrm_sozaiya）よりお気軽にご連絡ください🧸💬 【検索キーワード】 OBS HTML 配信素材 VTuber 配信者 猫 ねこ 猫の手 肉球 抽選箱 抽選ツール お題ガチャ 質問箱 参加者抽選 ランダム 抽選アニメーション 雑談 歌枠 OBSドック