首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
华为云
V2EX  ›  程序员

做了个小程序-跳绳计数 云开发体验实践分享一下

  •  1
     
  •   jaylin0917 · 9 天前 · 1297 次点击

    最近一段时间,小孩子上小学了,每天下课作业里面有一项是 1 分钟跳绳。作为家长陪跳计数,一边提醒一边计数总容易忘记,所以萌生了写一个小程序辅助的想法。

    跳绳计数小程序

    功能很简单,就是倒计时然后记录跳绳多少个,花了一周多的业余时间上线了一个完整版本。页面请设计的同事帮忙弄了一下,总共就 2 个页面如下:

    主页面

    历史记录

    用到的技术点如下: 1.倒计时(这个看似简单的功能,折腾了不少时间)

    2.小程序按钮声音

    3.存储数据的小程序云开发

    4.以及部分页面逻辑处理

    从网上找的倒计时代码或多或少总有点问题,直接递减的方案时间容易偏快或者偏慢.一开始参考了这个项目 http://git.oschina.net/dotton/CountDown 发现使用 setTimeout 在小程序里循环调用会导致内存溢出.后来改用 setInterval 解决了内存溢出的问题.

    按钮声音使用了 wx.createInnerAudioContext()具体使用方法可以参考官方文档

    https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/wx.createInnerAudioContext.html

    小程序的云开发对于这种小型应用真的是比较方便,一方面不需要自己准备服务器,另一方面直接用 JS 写服务端对于前端开发者提供了相当大的便利.代价就是有一定的学习成本,用过数据库的使用云函数应该没什么大问题.

    项目开发过程中还是碰到了很多或多或少的问题,唯一的解决之道就是花时间去搞懂并解决它.

    这里决定把源代码公开分享,希望抛砖迎玉,一起学习.

    项目地址:https://github.com/shrimpspider/skiping.git

    28 回复  |  直到 2018-11-09 22:17:20 +08:00
        1
    master13   9 天前
    不管好不好用,家长带小朋友还能有这个想法,去动手实现,我个人还是很钦佩的。
        2
    jaylin0917   9 天前
    @master13 感谢支持
        3
    djxf   9 天前
    我以为是自动计数。
        4
    jaylin0917   9 天前
    @djxf 哈哈,那要用传感器,也不能让孩子背着手机跳,而且传感器计步感觉不是非常准确
        5
    djxf   9 天前
    是滴
        6
    matsuijurina   9 天前
    我进来之前以为是类似 iphone 上那个记录投篮命中数的 app 一样靠人工智能识别的。
        7
    jaylin0917   9 天前
    @matsuijurina 感觉辜负了大家的期望啊,哈哈哈
        8
    matsuijurina   9 天前
    @jaylin0917 没事啊,我喜欢那个保存功能,手机自带的计数器没保存。
        9
    jaylin0917   9 天前
    @matsuijurina 刚好在接触小程序云开发,就顺便做了个保存功能,很高兴你能喜欢
        10
    sadlll   9 天前
    star 了,研读下
        11
    Exia   9 天前
    诶?应该像获取步数那样才准确吧?
        12
    jaylin0917   9 天前
    @Exia 做个小实验,把手机拿手上,打开微信运动,假装跳绳一分钟,看看自己数的和手机增加的步数是不是一致
        13
    liu19931020   9 天前
    1 分钟 252 下,有点🐮🍺啊
        14
    master13   9 天前
    其实比较实用,我跳绳的时候自己查,真的差不清楚,特别你跳了 1000+之后,很难查准确的
        15
    jaylin0917   9 天前
    我预期的使用场景是针对现在小学生做跳绳作业的辅助工具,并非专业的跳绳健身.大人健身有很多自动计数的设备,绳子自带的,也有智能跳绳连接手机的.有点扯远了,感谢建议
        16
    jaylin0917   9 天前
    @liu19931020 兄弟,你只是手指头动了 252 下吧
        17
    sublime8   9 天前
    可以识别声音来计数
        18
    Exia   9 天前
    @jaylin0917 喔,好像确实是呢。
        19
    zxcvsh   9 天前 via iPhone
    嵌入式的比较好弄,弄个磁环弄个霍尔元件
        20
    goodniuniu   9 天前
    谢谢分享,同样有自己做狗粮的需求。。。
        21
    qwertyzzz   9 天前
    啥意思啊 没明白原理 怎么计数的啊。
        22
    jaylin0917   9 天前
    @qwertyzzz 就是你孩子在旁边跳绳,你帮他记跳了几次.看来你还没有孩子^_^
        23
    youyaang   9 天前
    不知道有没有按一次 x2 次数的(看截图没有,没有的话建议加一个,上学时候数跳绳都是看一只脚跳多少次再乘 2 的,不然跟不上跳的速度
        24
    double1   9 天前
    emmmmm 跳绳 不是本来就有记数功能吗
        25
    likuku   9 天前
    @double1 对,那种自带机械计数器手柄的跳绳,也不贵。
        26
    qwertyzzz   9 天前
    @jaylin0917 跳一次你按一次嘛?
        27
    Hydjan   9 天前 via Android
    开摄像头,图像自动识别,可以用机器学习训练算法
        28
    hlwjia   9 天前
    声音识别应该还是可以
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   790 人在线   最高记录 3821   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.1 · 17ms · UTC 18:20 · PVG 02:20 · LAX 10:20 · JFK 13:20
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1