游戏化PWA番茄钟

发布日期：2026年4月3日

介绍

赛博风格的游戏化PWA番茄钟，支持自定义时长、成就与沉浸专注体验

**产品简介** 这是一个以赛博朋克视觉为主题的游戏化番茄钟应用，帮助你更专注并提升持续工作的动力

通过清晰的倒计时、沉浸式全屏模式和等级徽章体系，把专注变成有趣且可量化的习惯

**功能亮点** - **赛博风格计时器界面** - 大型进度环、霓虹数字与发光效果，工作/休息两种渐变主题自动切换，视觉上易于区分状态

- **可自定义专注与休息时长** - 支持专注 1–120 分钟与休息 1–30 分钟，保留快捷预设，实时输入校验、回车确认与自动聚焦提升设置体验

- **移动端友好布局** - 针对小屏幕纵向堆叠布局和触控间距优化，保证在手机上也能舒适使用

- **Progressive Web App 支持** - 可安装到主屏幕并支持离线访问，像原生应用一样独立运行

- **全屏专注模式** - 一键进入极简专注界面，带有呼吸节奏的背景光晕帮助维持专注呼吸节奏

- **等级与成就体系** - 6 级成长、连续打卡追踪与 8 种成就徽章，完成番茄钟时有升级提示与庆祝动画，成就页可查看所有徽章

- **气球充气与礼花爆炸庆祝** - 完成时气球充气到爆炸并触发彩色礼花粒子特效，视觉与仪式感兼具；气球采用平面化设计与虚线爆炸边界更清晰

- **完成反馈：震动与欢庆音效** - 完成时有分段震动提示与庆祝性礼花音效，计时结束的提示音已被精简以降低打扰

- **番茄培养舱分层动画** - 背景粒子、进度环与中心番茄生长动画（由嫩芽到成熟），配合霓虹数字层呈现沉浸视觉，同时末段保持稳定显示不产生干扰抖动

- **翻牌式机械时钟动画** - 机场风格的翻牌数字动画与呼吸点，提供清晰且有节奏的倒计时体验

- **今日统计与记录修正** - 首页统计显示已完成次数与专注时长，记录逻辑已修复，所有完成的番茄钟都会被正确计入

- **界面简洁性与布局优化** - 移除了模拟系统状态栏以增强沉浸感，调优了元素尺寸与间距，确保全屏与移动端内容居中且不重叠

- **精致应用图标与主题一致性** - 番茄主题图标采用渐变与高光设计，与应用整体霓虹风格保持一致

**复刻说明** 欢迎将此项目复刻并按需定制，复刻的是演示版本并包含核心界面与交互示例

上手简单，你可以基于演示快速调整时长、界面和游戏化内容，打造属于自己的专注工具