爱意满满的作品展示区。
ddter
8.66D

3 岁狗都嫌,为了让娃在家“放电”,我写了个网页版体感游戏

  •  2
     
  •   ddter · Dec 24, 2025 · 4471 views
    This topic created in 313 days ago, the information mentioned may be changed or developed.
    不想让孩子总是坐着看电视,玩 switch 又太早了。 看到不少人在用前端模型做体感小玩具。

    这两天花时间撸了个 Web 端的小 Demo ,纯前端实现( Vue + MediaPipe ),利用手机摄像头识别全身骨架( Pose 模型),解决了远距离识别和坐标映射的问题,把手机投屏到电视上就能玩。

    目前做了一个“寻找颜色”的关卡,无需下载 App ,打开浏览器就能跑。 刚做完 MVP ,UI 还比较简陋,求各位大佬试玩提提意见,轻喷~

    昨晚回家喊儿子过来让他在 Mac 上试玩了一下,情绪价值拉满。




    地址: https://flyabc.fun/
    29 replies  •  2026-01-08 15:56:53 +08:00
    sevenyangcc
    sevenyangcc
    Dec 24, 2025
    1
    加个语音吧,读出选项让他选。

    类型准备加么,什么选形状,挑数量之类的。宝 2 岁半,ipad 上的这类游戏买了 300 多了,感觉都没有你这个体感有趣。
    xppgg
    xppgg
    Dec 24, 2025
    2
    卧槽 好哥们儿 牛逼
    xppgg
    xppgg
    Dec 24, 2025
    3
    30 岁的我 也爱玩
    ddter
    ddter
    OP
    Dec 24, 2025
    4
    @sevenyangcc 都规划了,先用最简单的颜色来试下路径,3 岁小孩子求知欲还是挺强的,动物 水果这些几天我就给弄上去。
    Chicagoake
    Chicagoake
    Dec 24, 2025
    5
    移植到电视上,屏幕更大,距离更远,保护眼睛。
    jwk345
    jwk345
    Dec 24, 2025
    6
    好,回去让我儿子试试
    ajaxfunction
    ajaxfunction
    Dec 24, 2025 via iPhone
    7
    牛啊,这波直接给你满屏 666 !
    14night
    14night
    Dec 24, 2025
    8
    厉害了,回家给孩子试试
    Lentin
    Lentin
    Dec 24, 2025
    9
    @Chicagoake 但是大部分电视都没有“眼睛”
    livib
    livib
    Dec 24, 2025
    10
    支持一波
    bingkunzhao
    bingkunzhao
    Dec 24, 2025 via iPhone
    11
    这个厉害👍
    cfu18
    cfu18
    Dec 24, 2025
    12
    支持一下, 我在微信小程序里集成过 MediaPipe 的模型,写了一个识别显示手掌穴位的功能, 实时还是有点卡。

    用这个做游戏,挺有创意,就是老开着摄像头,有点难受。
    cfu18
    cfu18
    Dec 24, 2025
    13
    不考虑用轻量的游戏引擎搞吗,内容多了,这样写起来效率不高呀。
    Maboroshii
    Maboroshii
    Dec 24, 2025
    14
    swtich 自带的跳绳、健身环慢跑模式、马里奥派对的一些小游戏,我娃两岁多就开始玩了。你也可以试试
    misaka19000
    misaka19000
    Dec 24, 2025
    15
    挺好的,当作锻炼了🤣
    paidaxinginfo
    paidaxinginfo
    Dec 25, 2025
    16
    不开源嘛?想学习一下
    ddter
    ddter
    OP
    Dec 25, 2025
    17
    更新了下学习目标和课程,也是辛苦老父亲了
    0754
    0754
    Dec 25, 2025
    18
    大佬牛逼
    sevenyangcc
    sevenyangcc
    Dec 25, 2025
    19
    大佬准备啥时候上 iOS 。我玩的一个单机牌类游戏去个广告都要 12 刀~~你这个上的话,还是愿意付费的。
    aweim
    aweim
    Dec 25, 2025
    20
    最好不要让孩子过早接触游戏,电子产品。后面会上瘾
    sevenyangcc
    sevenyangcc
    Dec 25, 2025
    21
    @aweim #20 大家快来看呀,大教育家来指点江山啦~~
    williamz13
    williamz13
    Dec 25, 2025
    22
    @aweim 不早接触正经游戏的后果就是上了初中偷你钱去充一刀 999
    jwenjian1210
    jwenjian1210
    Dec 25, 2025
    23
    一个建议,这个可以扩展到认识数字,认识汉语拼音
    lyzy
    lyzy
    Dec 25, 2025
    24
    挺好的创意
    WithoutSugarMiao
    WithoutSugarMiao
    Dec 25, 2025
    25
    牛逼兄弟等我有了孩子让他也来玩
    oppoic
    oppoic
    Dec 26, 2025
    26



    网页上显示的摄像头区域,能不能搞大一点,我试玩了下,感觉手总是放不到这个区域,总操作失误
    rui6ye
    rui6ye
    Dec 26, 2025
    27
    好产品!
    rui6ye
    rui6ye
    Dec 26, 2025
    28
    收录到学习版块了
    https://nide123.com/webtype/17
    sevenyangcc
    29
    选项太小了,弄大点吧
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1359 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 72ms · UTC 22:11 · PVG 06:11 · LAX 14:11 · JFK 17:11
    ♥ Do have faith in what you're doing.