§12-05Engagement
ガチャ / mystery box
ランダムな報酬を演出付きで引ける。
何が出るか分からない報酬で、繰り返し訪れる動機を作る。ログインボーナスやイベントで、確定報酬より期待感を演出したいときに使う。
実装のポイント
抽選はサーバー側で行い、クライアントは結果を演出するだけにする。排出確率を画面上で開示し、累積確率は配列で持って一様乱数と比較する。
- 特徴
- アニメーション
- タイマー
- デモで使っているもの
- motion
- shadcn/ui
- lucide-react
- ソース
- gacha.tsx