お店の前や縁日で見かける、あのカプセル販売機です。ハンドルを回すとガラス球の中のカプセルが崩れ、1個だけ落ちてきて、受け口で跳ねて、パカッと開いて中身が出ます。 視聴者プレゼント企画・罰ゲーム・記念配信の抽選にどうぞ。 単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。 ━━━━━━━━━━━━━━━━━━ ◆ 動いている所は、この商品ページの2枚目（GIF）でご覧ください ━━━━━━━━━━━━━━━━━━ ハンドルが慣性で回り、カチ、カチ、とラチェットが鳴りながらだんだんゆっくりになって、1回転しきったところでカプセルが1個落ちてくる ── 受け口で跳ねて、殻が二つに割れて中身が飛び出すところまで、全部動きます。 ━━━━━━━━━━━━━━━━━━ ◆ できること ━━━━━━━━━━━━━━━━━━ 【回す】 ・OBSのソース一覧で「更新」→ 読み込み直しで1回まわる（一番かんたん） ・「対話」で本体をクリック、または Space / Enter キー ・1回につき出てくるカプセルは1個だけ。連打するとハンドルが速く回るだけです ・?spin=3 で回っている時間の目安を変えられます（1〜20秒） 【中身とカプセルの数は自由】 ・⚙設定パネルで1行1つ。［色］［中身の名前］［カプセルの数］［レア度］を指定 ・中身は10個まで、名前は14文字まで。カプセルの数を0にすればその中身は出ません ・URLでも指定できます（?prizes=大当たり:1:e0b23c:3,アタリ:9:3f7fd6:2,ハズレ:30:f2f0ea:1 など） ・?counts=1,4,10,20,25 なら名前と色はそのままで数だけ差し替えます ・無指定は5つ・合計60個（大当たり1／レア4／アタリ10／ノーマル20／ハズレ25） 【レア度で開いたときの演出が変わる】 ・中身ごとに ★ ★★ ★★★ を決められます ・★　　ふつうに開くだけ（「パカッ」の音だけ） ・★★　受け口が光って紙吹雪が舞い、鐘のような当たり音が鳴ります ・★★★ 光がもっと強く、光の筋が飛び出して紙吹雪も倍。当たり音は鐘を二度撞いて上に和音が残る、いちばん長いものになります ・結果の板の下にも、出た中身の★がそのまま出ます ・?rare=off で光の演出だけ、?fx=off で紙吹雪だけ止められます 【カプセルが減る「抽選会モード」が既定】 ・出たカプセルは減ります。大当たりが出たらもう出ません ・残りが少なくなるほど当たりにくくなる、本物と同じ動きです ・ガラス球の中の見た目も、残りに合わせて減っていきます ・毎回同じ確率で引きたいときは ?mode=repeat（減らず、数は出やすさの比になります） ・全部なくなると「売り切れ」と表示。⚙の「補充する」／Rキー／?reset=1 で戻せます 【残りと履歴が残る】 ・残りの数・出た回数・直近8回の履歴はブラウザに保存されます ・OBSのソースを更新しても、シーンを切り替えても、OBSを再起動しても続きから引けます ・?key= で保存場所を分けられます（2台を別シーンに置くとき用） 【抽選の公平さ】 ・どの中身が出るかは、ハンドルを回した時点で暗号論的乱数（crypto.getRandomValues）で決まります ・剰余バイアスを取り除いてあるので、カプセルの数の比率がそのまま当選確率です ・「出そうな動き」で結果が変わることはありません ・表と結果の板が変わるのは「カプセルが開いた瞬間」です（先に答えが見えません） 【音つき】 ・ハンドルのラチェット／回している間の機械のうなり／球の中でカプセルどうしがぶつかる音／落ちてくる音と受け口の「ゴトン」／開く「パカッ」／当たりの音、の6種類 ・?sound=off で消音、?vol=40 で音量（0〜100・既定70）。⚙にも音量つまみがあります ・音声ファイルは1バイトも入っていません。ブラウザの中で波形を合成して鳴らしています 【見た目】 ・テーマ4種（gold／fire／yume／mono）＋既定の紅白 ・カプセルの色は中身ごとの設定がそのまま出るので、テーマを変えても見分けはつきます ・?accent= ?color= で強調色・文字色、?sign= で看板の文字（8文字まで） ・?scale= でサイズ倍率（0.2〜4）、?stats=off で下の表を消す、?caption= で結果の小見出し ━━━━━━━━━━━━━━━━━━ ◆ OBSへの入れ方 ━━━━━━━━━━━━━━━━━━ 1. ソース →「＋」→「ブラウザ」 2.「ローカルファイル」にチェック → capsule.html を選ぶ 3. 幅440 / 高さ730 を入れる（中身5つ・?scale=1 のとき） 　 ?stats=off なら 幅440 / 高さ610 で足ります 4. 背景は透過なので、そのまま配信画面に重ねられます ※ 大きく見せたいときは、OBSの画面上でドラッグして引き伸ばさないでください（ぼやけます）。ブラウザソースの幅・高さを増やしたうえで ?scale= を上げてください。 ━━━━━━━━━━━━━━━━━━ ◆ ご注意 ━━━━━━━━━━━━━━━━━━ ・視聴者コメントの自動集計はありません。わんコメ等の外部アプリやAPIとの連携機能もありません ・ガラス球の中に見えているカプセルは「残りの内訳を映した見本」で、当たり判定そのものではありません。合計39個以上のときは比率を保ったまま間引いて描いています。残りの管理は表の数字が正です ・普通のブラウザで直接ファイルを開いたときは、ブラウザの決まりで「一度クリックするまで音が出ない」ことがあります（OBSのブラウザソースでは最初から鳴ります） ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・画像・音声素材を使わない「コード製」。どの解像度でもにじみません ・外部への通信は一切ありません（書体もHTMLに同梱。ネット接続不要） ・Chrome／Edge で動作確認済み ・配信可・商用利用可（同梱の利用規約参照） ◆ こんな方に ・視聴者プレゼント企画や罰ゲーム抽選を、画面に出しながらやりたい配信者・VTuberの方 ・「引いて、開けて、中身を見る」までの間を配信で作りたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。