Silver Bullet抽奖/转盘工具
一个功能丰富的抽奖工具，支持转盘和抽奖箱两种模式，可自定义奖项和概率。
抽奖/转盘工具
创建自定义抽奖活动，支持转盘和抽奖箱两种模式
5x
350px
一等奖10%
二等奖20%
三等奖30%
参与奖40%
功能特点
- 双模式支持：转盘模式和抽奖箱模式，满足不同场景需求
- 完全自定义：可添加、删除和配置奖项名称、颜色和权重
- 权重系统：设置不同奖项的中奖概率
- 结果记录：保存所有抽奖结果，支持导出
- 统计功能：可视化显示各奖项的中奖统计
- 防重复机制：可选择是否允许重复中奖
- 响应式设计：在手机和电脑上都能良好显示
使用方法
1. 配置奖项
- 在"奖项设置"区域添加或删除奖项
- 为每个奖项设置名称、颜色和权重（权重越高，中奖概率越大）
- 权重总和会自动计算，确保合理分配概率
2. 调整设置
- 抽奖次数：设置一次抽取多少个奖项
- 允许重复：选择是否允许同一个奖项多次中奖
- 转盘速度：调整转盘旋转速度（仅转盘模式）
- 转盘大小：调整转盘尺寸（仅转盘模式）
3. 开始抽奖
点击"开始抽奖"按钮，系统会根据权重随机抽取奖项
4. 查看结果
- 在"抽奖结果"区域查看所有历史记录
- 在"中奖统计"区域查看各奖项的中奖概率统计
- 使用"导出结果"按钮保存抽奖记录
- 使用"清空记录"按钮清除所有历史
模式说明
转盘模式
- 视觉化展示抽奖过程
- 转盘旋转动画增强体验感
- 适合现场活动和展示场景
抽奖箱模式
- 简洁的文字抽奖方式
- 快速显示结果
- 适合需要快速多次抽奖的场景
权重系统说明
权重决定了每个奖项的中奖概率，计算公式为：
单个奖项概率 = (奖项权重 / 总权重) × 100%
例如：
- 奖项A权重10，奖项B权重20，奖项C权重30
- 总权重 = 10 + 20 + 30 = 60
- 奖项A概率 = (10/60) × 100% = 16.7%
- 奖项B概率 = (20/60) × 100% = 33.3%
- 奖项C概率 = (30/60) × 100% = 50%
应用场景
活动抽奖
- 公司年会抽奖活动
- 商场促销活动
- 线上直播抽奖
课堂教育
- 随机选择学生回答问题
- 分组抽签
- 课堂游戏
日常使用
- 家庭决策（今天谁洗碗）
- 选择午餐吃什么
- 随机分配任务
技术说明
本工具使用纯前端技术实现，所有计算在浏览器端完成：
- 权重算法：使用权重累计算法实现概率抽奖
- 动画效果：使用CSS transform和transition实现转盘动画
- 数据存储：使用组件内部状态管理，不依赖外部存储
- 响应式设计：使用CSS Grid和Flexbox实现自适应布局
使用技巧
- 合理设置权重：重要奖项设置较低权重，普通奖项设置较高权重
- 颜色区分：使用不同颜色区分不同级别的奖项
- 防重复机制：对于重要抽奖，关闭"允许重复"选项
- 结果导出：定期导出结果以备查阅或公示
注意事项
- 抽奖结果基于随机数算法，无法保证绝对公平
- 权重设置会影响中奖概率，请合理配置
- 清除浏览器缓存会丢失历史记录
- 大量抽奖时，实际结果可能会偏离理论概率