今天干嘛 · 随机决策器（网页版）

文化娱乐游戏案例ID：256464

小城

12 年经验· 江西青牛

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

「今天干嘛」是一个纯前端随机决策工具网页，用五个按钮专治日常选择困难：今天吃什么、今天玩什么、聚会定什么主题、真心话大冒险、今天谁买单（转盘）。打开即用，无需登录、不收集任何数据，已部署上线提供在线使用。
【功能亮点】

五类决策场景开箱即用：内置 18 种餐饮、18 种周末活动、14 种聚会主题，真心话与大冒险题库各 18 条，转盘默认 5 名玩家，所有选项均可在页面内自由增删；
洗牌袋抽取算法：选项洗成一叠依次抽取，一轮之内绝不重复，换轮时还会把上轮末位与队首对调，保证跨轮也不连着出同一个，体验明显优于纯随机；
仪式感动效：结果区先快速滚动 7 次、逐次减速再定格，命中瞬间弹性缩放；“谁买单”转盘用 conic-gradient 纯 CSS 绘制，随机 4~6 圈、2.8~3.4 秒缓出曲线，落点在扇区内随机偏移，不会每次都机械地停在正中间；
选项自定义：折叠面板内 chip 标签式管理，支持回车快速添加、单条删除、同名去重、40 字上限；增删后自动重置抽签袋，人数变化时转盘扇区实时重绘并高亮被抽中者；
无痕可用：刻意不使用 localStorage，隐私/无痕模式下同样正常运行，刷新即恢复默认，零数据残留；
适配与细节：auto-fit 网格 + clamp 弹性字号自适应桌面与手机，刘海屏安全区留白，并为开启“减少动态效果”的用户自动关闭全部动画，关键按钮补充无障碍标签。

【我的角色】
独立负责本作品从 0 到 1 的全部工作：决策场景与信息架构设计、洗牌袋抽取算法设计、转盘绘制与旋转落点角度计算、滚动/弹跳动效实现、选项管理模块开发、响应式与无障碍适配，以及 GitHub Pages 部署上线与真机验证。
【技术栈】
HTML5、CSS3（Grid、conic-gradient、color-mix、clamp）、原生 JavaScript（Fisher-Yates 洗牌、async/await 动画节流）、GitHub Pages。
项目单文件零依赖、打开即用，可快速扩展新的决策场景（如抽签分组、课堂点名、活动抽奖）。