• 文章介绍
  • 应用场景及目标用户

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

    实现思路

    • 基础框架使用

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

    • 主页采用沉浸式设计

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

    • 眼保健操姿态检测

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

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

    (以上操作可断网检测)

    • 打卡

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

    架构图

    20201009022316698

    效果截图

    202010090223187532020100902231934220201009022323967

    代码链接

    https://gitee.com/liuhsiu/jimu

    作品体验二维码

    20201009022324531

    作者简介

    @liux 学习中的菜鸟

    其他

    关于图标:

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

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

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

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

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

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

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

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

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

    【小程序源码网资源版权风险说明】:
    本站为避免不必要的纷争,分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台,站长只为大家提供相关资源的介绍和跳转引导。 因可能有疏忽大意,所以如有遗漏资源侵犯了您的合法权利,请联系站长删除。
    【小程序源码网资源下载使用说明】:
    本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用,任何人不得作其他用途,违者自行承担所有责任。
    【小程序源码网毫无人看的介绍】:
    本站又称Z站,原名贼娘网,开站于2018年,换过三任站长,目前站长是第四任站长,本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站,主要小程序资源有用于学习的小程序源码,也有正版原创可商用的小程序源码,是一个公益博客型网站。
    【小程序源码网原创源码版权申明】:
    未经小程序源码网许可,任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内,版权无使用限制),否则将依法承担相应赔偿责任。
    【小程序源码网转载文章版权申明】:
    本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习,任何人不得作其他用途,违者自行承担所有责任。
    【小程序源码网站长最后的屁话】:
    如有您认为本站有任何侵犯您合法权益的文章,或者您有什么疑问需求,欢迎联系站长QQ,站长24小时在线,备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理,如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论,就不用加站长啦,对于白嫖党,QQ群才是处理问题的天堂,当然站长也欢迎大家骚扰~
    小程序源码网 » 己目眼保健操微信小程序源码免费下载

    发表评论

    嘿,投喂下嘛!