Lubulu应用概述
Lubulu是一款简洁而优雅的健康决策辅助工具，运用99等分的转盘设计，为你提供既理性又充满趣味的决策体验。每一次转动都伴随着动画和音效，不仅增添仪式感，还让你在做出最终决定时保持自主权。
查看Lubulu转盘示例
Lubulu核心功能
转盘抽取
- 99等分轮盘：包括1个“Lu！”（红色）和98个“不Lu”（绿色）
- 真随机算法：采用Web Crypto API，确保每次抽取的公正性
- 精美动画与音效：5秒旋转动画，配合音效，增强互动体验
- 智能确认：抽中“Lu！”时，你可以自行决定是否执行该选择
日历记录
- 历史追踪：以彩色圆点标记每日决策结果
- 一目了然：红点代表“Lu”，绿点代表“不Lu”，灰杠表示未抽取
- 月份导航：支持查看任意月份的记录
- 今日高亮：当前日期以特殊标识，便于快速定位
数据统计
- 实时统计：显示“Lu”次数、“不Lu”次数及总次数
- 克制率计算：健康选择占比即时可见
- 可视化展示：清晰数字展示，数据一目了然
高级设置
- 保底机制：设定连续“不Lu”天数上限，达到后自动触发“Lu！”
- 数据管理：支持导入与导出历史记录，方便备份与迁移
- 输入校验：所有参数严格验证，确保数据安全
分享功能
- 一键截图：自动生成包含完整界面的高质量PNG分享图
- 结果保留：截图中包含当前抽取结果，增强说服力
Lubulu视觉与交互设计
主色调为深紫色（#673AB7），象征理性与克制，辅以淡紫背景（#EDE7F6）和纯净白色，结合扁平化、新拟态与玻璃拟态效果。响应式布局兼容桌面端（1440×1024）和移动端（390×844），点击与动画均提供即时反馈。
Lubulu技术实现
- 前端框架：原生HTML5、CSS3与现代JavaScript (ES6+)
- 随机数生成：Web Crypto API提供高质量真随机数
- 动画效果：CSS动画与Web Animations API
- 音效处理：Web Audio API
- 本地存储：localStorage
- 截图工具：html2canvas
Lubulu设计理念
随机性助力理性
Lubulu通过引入随机元素，使决策过程既有趣又公平。在大多数情况下得到“不Lu”的结果，有助于坚持健康习惯，而偶尔的“Lu！”则不会让过程过于刻板。
概率说明
- “不Lu”概率：98/99 ≈ 98.99%
- “Lu！”概率：1/99 ≈ 1.01%
- 可通过保底机制设定连续“不Lu”天数上限
这种设计让你在绝大多数情况下做出健康选择，同时保留小概率奖励，让健康习惯养成更轻松。
Lubulu如何使用/官网地址
官网地址：https://l.qaq.al/
GitHub地址：https://github.com/xvhuan/Lubulu