Lubulu 是一款极简而优雅的健康决策工具，旨在通过其独特的 99 等分转盘机制，为你提供一个理性且富有趣味的选择过程。每次转动都伴随着精美的动画与音效，让您在面对诱惑时多一份仪式感，同时也完全保留最终的决定权。
Lubulu 核心功能
-
转盘抽取
-
99 等分轮盘：包含 1 个“Lu！”（红色）和 98 个“不Lu”（绿色），视觉清晰，结果一目了然。真随机算法：基于 Web Crypto API，确保每次结果的公平公正，让你对决策过程充满信任。精美动画与音效：长达 5 秒、12 圈的旋转动画，配合生动的旋转与提示音效，增强决策的仪式感和趣味性。智能确认：即便抽中“Lu！”，您仍可自行决定是否执行该选择，完美平衡了随机性与个人意志。
-
日历记录
-
历史追踪：用彩色圆点清晰标记每日的决策结果，方便您回顾和分析。一目了然：红点代表“Lu”，绿点代表“不Lu”，灰杠表示当日未抽取，让您的健康习惯养成轨迹清晰可见。月份导航：支持快速查看任意月份的记录，方便您进行长期回顾。今日高亮：当前日期会特殊标识，便于您快速定位和记录。
-
数据统计
-
实时统计：即时显示“Lu”的次数、“不Lu”的次数及总次数，让数据更透明。克制率计算：健康选择（“不Lu”）所占的百分比即时可见，直观反映您的自律程度。可视化展示：用清晰的数字和简洁的图表让数据一览无余，帮助您更好地管理健康习惯。
-
高级设置
-
保底机制：可设定连续“不Lu”天数的上限，一旦达到上限，系统将必然触发一次“Lu！”，让健康习惯养成过程更具人性化，避免过度压抑。数据管理：支持导入与导出历史记录，便于您进行数据备份与迁移。输入校验：所有参数都经过严格验证，保障数据安全与系统稳定。
-
分享功能
-
一键截图：自动生成包含完整界面的高质量 PNG 分享图，方便您记录和分享决策瞬间。结果保留：截图中会清晰保留当前的抽取结果，让您的决定更具说服力，也便于分享给朋友或家人。
Lubulu 视觉与交互设计
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 的设计理念在于巧妙地将随机性融入理性决策。面对诱惑时，人们常会萌生“就这一次”的念头，而 Lubulu 引入的随机元素，让决策过程既有趣又公平。在绝大多数情况下，您会得到“不Lu”的结果，这让您更容易坚持健康的习惯；而偶尔出现的“Lu！”又不会让整个过程过于刻板和压抑。
-
“不Lu”概率：98/99 ≈ 98.99%
-
“Lu！”概率：1/99 ≈ 1.01%
这种设计让您在绝大多数情况下做出健康选择，同时保留小概率的“奖励”，让健康习惯的养成过程更轻松、更可持续。您还可以通过保底机制设定连续“不Lu”天数的上限，进一步增强对习惯养成的控制力。
Lubulu 旨在帮助您以一种全新的、有趣的方式，更好地管理自己的健康决策。
附件内容
|
