应用场景及目标用户

1. 手机控
2. 长期在电脑前办公人群
3. 不近视或轻度近视的青少年学生

实现思路

• 基础框架使用

UI使用Vant，选用云开发代替后端数据存取，AI方面使用小程序插件TensorFlow.js

• 主页采用沉浸式设计

主页交互方面：按钮会在用户观看指引视频时隐藏，采用手势识别交互方式切换页面同时保留了传统按钮式交互。

• 眼保健操姿态检测

用户同意摄像头权限后采集帧数据，将处理后的单个帧数据转换为tensor并传递给tf处理，进而得出pose；

将pose进行分析处理后，实时得出用户姿态是否符合眼保健操相关姿态，如果符合，则进度条实时增加，否则反馈用户，提醒用户保持正确姿态

（以上操作可断网检测）

• 打卡

考虑到人们碎片化时间的增多以及用户留存率，所以在打卡机制方面，用户在做完任意一节眼保健操后，即可自动打卡成功，打卡日历中显示近日打卡信息。

架构图

效果截图

代码链接

https://gitee.com/liuhsiu/jimu

作品体验二维码

作者简介

@liux 学习中的菜鸟

其他

关于图标：

图标采用简约风格(其实是不会用图标设计软件，用画图做的hhh)；

由“己目”二字的首拼组成，上为M下为J；

最后组成类似人脸的抽象效果。

在这过程中主要解决过的问题有：

1. tensorflow.js安装部署配置学习
2. 云开发入门级别相关问题
3. Kbone入门级问题（安装部署使用）
4. Kbone以及原生中canvas及帧数据处理

以上都有踩过各种坑，欢迎一起交流学习，也欢迎大家给个Star

刚入门小程序几个月，算是交了一次作业吧

作品还有许多需要打磨的地方，还请大佬们多多指点

希望能用一行行代码帮助一个个人。