🎰
roulette maker,
ルーレットメーカー
完全無料・アプリ不要のブラウザ完結型ルーレット。
項目や確率（重み）を自由にカスタマイズ可能。
⚡️
確率調整OK
重み付け（確率変更）機能
✨️
シアターモード
全画面＆リッチな演出
重み: 数値が大きいほど当選確率が上がります（デフォルト: 1）
📦 プリセットから追加
まだ項目がありません
💡 項目をタップすると削除/編集準備できます
📋 当選履歴
- まだ回していません
🎉
当選！
about,
概要
ブラウザ上で誰でも簡単にオリジナルルーレットが作れる完全無料・インストール不要のツールです。
「ランチのメニュー決め」「飲み会の罰ゲーム」「プレゼント抽選」といった場面で大活躍。名前と『重み（確率）』を設定するだけで、当たる確率の偏ったルーレットを作ることも可能です。
作ったルーレットはブラウザに保存できるほか、専用URLを使って友達やSNSに共有することもできます。完全なオフライン処理とランダム生成（crypto）によって、安全かつ公平な抽選を実現しています。
how to,
使い方
基本の使い方
- 「項目」タブで、ルーレットに入れたい候補（名前など）を追加。
- 「SPIN」ボタンを押すとルーレットが回り、抽選結果が表示されます。
- 「プリセット」から簡単にランチや罰ゲームの候補を追加することもできます。
便利機能
- 🎯 重み（確率）： 数値（1〜99）を大きくすると、ルーレットの面積が広がり当たりやすくなります。
- 🎭 演出： 「フェイント演出（止まりかけて再加速）」や「排除モード（一度当たった項目を消す）」が設定できます。
- 🎬 シアターモード： 画面いっぱいにルーレットだけを表示して、イベントでプロジェクターに映す際に便利です。
use cases,
活用シーン
📺
ライブ配信での企画・抽選会
「排除モード」をONにして、配信のプレゼント企画で当選者を順番に選んだり、次にプレイするゲームを決めたり。シアターモードで見栄えも抜群です。
😈
飲み会の罰ゲームルーレット
重み付けを使って、「一発ギャグ（重み10）」「全員におごり（重み1）」のように、大はずれの確率を低くしたスリリングなゲームに。
glossary,
用語集
- ルーレット（Roulette）
- 回転する円盤と指針を使って無作為に1つの項目を選択する抽選方式。確率を均等にすることも、重み付けで偏らせることもできます。
- 重み（ウェイト / Weight）
- 各項目が選ばれる確率を制御する数値。重みが大きい項目ほど当選確率が高くなります。「当たり:1、ハズレ:9」で設定すると当選確率は10%になります。
- イージング（Easing）
- アニメーションの加速・減速パターン。ルーレットでは「最初は速く → 次第にゆっくり → 停止」というイーズアウトカーブを使い、現実のルーレットに近い動きを実現します。
- Canvas API
- HTMLのCanvas要素を使ってブラウザ上に図形を描画するWeb標準API。ルーレットの回転アニメーション描画に使用されています。
- Fisher-Yatesシャッフル
- 配列をランダムに並べ替えるアルゴリズム。ルーレットの抽選において偏りのない公平な無作為抽出を実現するために利用されます。
- requestAnimationFrame
- ブラウザの画面リフレッシュレート（通常60fps）に同期してアニメーションを描画するWeb API。滑らかなルーレット回転を実現する技術基盤です。
faq,
よくある質問
- Q.確率は本当にランダムですか？
- はい。JavaScriptの擬似乱数生成器（Math.random()）を使用しており、統計的に偏りのない結果が得られます。ただし暗号学的な安全性は保証していません。
- Q.項目ごとに当選確率を変えられますか？
- はい。各項目に「重み」を設定できます。例えば「1等:1, 2等:3, 参加賞:6」と設定すると、それぞれ10%, 30%, 60%の確率になります。
- Q.最大何項目まで設定できますか？
- 技術的な制限はありませんが、視認性の観点から20〜30項目以内を推奨します。項目が多すぎると各セグメントが小さくなり文字が読みづらくなります。
- Q.スマホの画面でも回せますか？
- はい。タッチ操作に対応しており、スマートフォンやタブレットのブラウザでスムーズに動作します。
- Q.結果の履歴は保存されますか？
- 抽選結果はページを再読み込みするまでブラウザ上に保持されます。CSV形式で書き出すことも可能です。
- Q.ルーレットのデザイン（色）は変えられますか？
- 項目ごとに個別の配色が自動的に割り当てられますが、カラーパレットの変更にも対応しています。