ランダム選択の仕組み

WheelOfSpinsは、先に結果を選んでから、視覚的な停止位置が選ばれた項目と一致するようにルーレットをアニメーションさせます。

1. 項目の追加と検証

WheelOfSpinsは、先に結果を選んでから、視覚的な停止位置が選ばれた項目と一致するようにルーレットをアニメーションさせます。

ルーレットは、利用者やテンプレートによって用意された有効な項目から始まります。空の項目は取り除かれ、ラベルは表示用に整えられ、使用可能なリストがあるときだけルーレットが回転します。

クライアントは、`crypto.getRandomValues()`が利用可能な場合、Web Cryptoを優先して使用します。このブラウザAPIが利用できない環境では、`Math.random()`にフォールバックし、対応が限られた環境でもルーレットが機能するようにしています。

生成された単一のランダム値は、ルーレットの設定と有効な項目に応じて、重み付けありまたはなしの選択結果に変換されます。この選ばれた結果が、その回転の結果として使用されます。

当選項目が決定した後、ルーレットのアニメーションはその選ばれた項目の上で停止するため、目に見える矢印の位置と実際のランダムな結果が一致します。

WheelOfSpinsは常に暗号学的に安全なランダム性を使いますか?

いいえ。実装はWeb Cryptoが利用可能な場合に優先して使用しますが、このAPIが使えない場合はMath.randomにフォールバックします。

アニメーションが当選項目を決めるのですか?

いいえ。当選項目が先に選ばれ、アニメーションはその選ばれた結果に合わせて調整されます。

重み付けは結果に影響しますか?

はい。ルーレットが重み付けや重複した項目を使用している場合、選択結果はその設定された確率を反映します。

結果はどのタイミングで確定しますか?

アニメーションが終わる前に、内部的にはすでに結果が確定しています。

この仕組みはすべてのテンプレートで共通ですか?

はい。ルーレットの種類にかかわらず、同じ検証・生成・選択・アニメーションの流れを使用しています。