Lubulu:用理性随机对抗诱惑的健康决策工具
Lubulu 是一款追求极简与优雅的健康决策应用。它通过一个 99 等分的转盘机制,将枯燥的克制过程转化为一种带有仪式感的随机游戏。在面对诱惑时,用户可以通过转动轮盘获得一个理性且有趣的建议,同时依然保留最终的决定权。
核心功能拆解
决策转盘
- 概率分布 :轮盘被精细分为 99 份,其中 1 个红色格为“Lu!”,98 个绿色格为“不 Lu”。
- 公平机制 :调用 Web Crypto API 实现真随机算法,确保结果不可操纵。
- 感官体验 :配备 5 秒时长、旋转 12 圈的流畅动画,并伴随相应的提示音效。
- 自主确认 :即便抽中“Lu!”,用户仍可根据实际情况决定是否执行。
记录与统计
- 可视化日历 :以彩色圆点记录每日结果(红点代表 Lu,绿点代表不 Lu,灰杠为未抽取),支持月份快速导航与今日高亮。
- 量化分析 :实时统计 Lu 与不 Lu 的总次数,并即时计算“克制率”,让健康习惯的养成数字化。
高级配置与分享
- 保底机制 :用户可自定义连续“不 Lu”的天数上限,达到阈值后将必然触发“Lu!”,缓解长期克制的压力。
- 数据管理 :支持历史记录的导入与导出,确保数据可备份、可迁移。
- 一键快照 :通过 html2canvas 自动生成包含当前结果的高质量 PNG 截图,方便分享决策瞬间。
视觉设计与技术栈
视觉风格 :以深紫色(#673AB7)为主色调,传达理性与克制感,搭配淡紫色(#EDE7F6)背景。界面融合了扁平化、新拟态与玻璃拟态设计,适配从移动端(390×844)到桌面端(1440×1024)的响应式布局。
技术实现 :
- 前端 :原生 HTML5 / CSS3 / JavaScript (ES6+)
- 核心 API:Web Crypto API(随机数)、Web Audio API(音效)、Web Animations API(动画)
- 存储与工具 :localStorage(本地存储)、html2canvas(截图)
设计理念:以随机性引导理性
人们在面对诱惑时常陷入“就这一次”的心理陷阱。Lubulu 通过极低概率(约 1.01%)的奖励机制,让用户在绝大多数时间(约 98.99%)被引导做出健康选择,而偶尔出现的“Lu!”则打破了刻板的禁欲感,使习惯养成过程更加轻松且具有趣味性。
快速开始
访问地址 :https://l.qaq.al/
正文完
