呼吸岛2产品系统

我要开发同款
hututu2026年08月01日
2阅读

技术信息

语言技术
HTML5
系统类型
Web
行业分类
教育校园

作品详情

行业场景

打工人与学生群体普遍存在"假性休息"问题:工作学习间隙习惯刷短视频或继续盯着屏幕,不仅无法真正放松,反而加重疲劳。传统冥想 App 门槛高、付费墙多,难以融入碎片化场景。呼吸岛定位为轻量化的情绪急救网页,通过 3 分钟微任务、呼吸引导和情绪树洞,帮助用户在短时间内完成一次真正远离屏幕的休息,并逐步养成主动照顾自己的习惯

功能介绍

V2「呼吸岛」升级为虚拟岛屿概念,用户每次使用后岛上植物从空地长成小草、小花、小树并引来小鸟,形成可持续的成长激励;提供「动一动」「静一静」「说一说」三个入口,分别对应身体任务、呼吸引导、情绪树洞,所有记录按时间倒序展示在放松日志中。

项目实现

V2 岛屿场景完全用 CSS/SVG 绘制,植物生长动画通过 transform scaleY 从 0 到 1 配合 transform-origin bottom 实现从土里冒出的效果。难点在于让 AI 回应自然且有温度,我通过为每个任务编写多条专属回应、结合用户心情与感受关键词随机拼接、控制 2–3 句话长度来避免模板感。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论