Rollcall Helper - 抽奖系统

一个炫酷的网页端抽奖转盘工具，支持自定义奖项、概率衰减、积分老虎机和配置导入/导出。

功能特性

🎰 核心功能

• 动态转盘：Canvas 渲染，支持任意数量奖项，按比例分配扇形
• 概率衰减：每次抽奖后，被抽中的奖项概率会动态减小（可开关）
• 四种奖项类型：褒义奖励 / 中性 / 贬义惩罚 / 特殊实物
• 积分系统：内置积分机制，配合老虎机使用

🎮 趣味玩法

• 积分老虎机：抽中"积分增长/减少类"时触发三位数滚动老虎机
• 嘲笑表情包：抽中贬义惩罚时显示嘲笑动画（自动播放 emoji_laugh_at.webp）
• 音效系统：转盘Tick声 + 多种抽中音效（猫叫/胜利/悲伤/鼓声）

⚙️ 配置管理

• 新增/编辑/删除奖项：支持名称、类型、占比（百分比）、自定义图片、抽中音效
• 导出/导入配置：JSON 格式，方便分享和备份
• 保存为默认：将当前配置设为默认，下次一键加载
• 历史记录：记录最近 80 条抽奖历史

🎨 界面特性

• 暗色主题：深邃星空背景 + 粒子动效 + 网格线
• 全屏模式：左下角全屏按钮，适合投屏使用
• 响应式布局：自适应屏幕尺寸
• 特殊扇形光效：特殊奖项扇形脉冲发光

使用方法

直接打开

直接用浏览器打开 lottery.html 即可使用，无需服务器。

奖项配置

1. 点击侧边栏 ➕ 新增 添加奖项
2. 设置奖项名称、类型和占比
3. 可选上传抽中时显示的图片和音效
4. 点击对应按钮添加

奖项类型说明

类型	说明	示例
✅ 褒义奖励	正面奖励	奶茶一杯、积分翻倍
🔘 中性	无明显好坏	无事发生
❌ 贬义惩罚	负面惩罚	积分清零、作业
⭐ 特殊/实物	特殊奖励	积分一天翻倍卡

默认奖项

开箱即用，预设了以下奖项：

奖项	类型	占比
积分清零	❌ 贬义	10%
积分翻倍	✅ 褒义	10%
积分增长类	✅ 褒义	15%
无事发生	🔘 中性	20%
积分交换	⭐ 特殊	10%
积分一天翻倍卡	⭐ 特殊	10%
奶茶一杯~	✅ 褒义	10%
再来一次！	✅ 褒义	10%
作业	❌ 贬义	5%
积分减少类	❌ 贬义	15%

文件结构

rollcallhelper/
├── lottery.html   # 主页面
├── lottery.css    # 样式文件
├── lottery.js     # 核心逻辑
├── emoji_laugh_at.webp  # 嘲笑表情包资源
└── README.md      # 本文档

技术栈

• HTML5 Canvas：转盘渲染
• CSS3：暗色主题、动画、响应式布局
• Vanilla JavaScript：无框架依赖，纯原生实现
• Web Audio API：音效合成
• LocalStorage：配置持久化

License

MIT License - © 2026 Qin_zzq. All Rights Reserved.