2021 年,我在三里屯见过一个装置,它可以让你用手势控制屏幕上的粒子,今天我把这种体验复刻了出来 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
nanxiaobei
V2EX    分享创造

2021 年,我在三里屯见过一个装置,它可以让你用手势控制屏幕上的粒子,今天我把这种体验复刻了出来

  •  
  •   nanxiaobei
    nanxiaobei 8 小时 20 分钟前 1391 次点击

    2021 年,我在三里屯见过一个装置,它是一个大屏幕,可以检测到你的手势,屏幕上的粒子会跟着手势运动

    我对那个装置印象很深刻,当时玩了很久

    今天,我终于把这种体验复刻了出来,点击按钮,授权摄像头,让你的手出现在镜头里,然后你就可以操控屏幕上的粒子了

    鬼知道开发这个东西时,我手舞足蹈的试了多久,于是我发现了它的一个妙用,可以帮助你在电脑前锻炼~

    体验地址 → https://particle-sense.vercel.app/

    29 条回复    2026-01-31 16:44:26 +08:00
    milala
        1
    milala  
       7 小时 51 分钟前
    为什么不是捕捉整个身体
    Folder
        2
    Folder  
       7 小时 44 分钟前
    挺有意思的, 手势检测是基于 MediaPipe Hands 实现的吗?
    raphx
        3
    raphx  
       7 小时 9 分钟前
    ```text
    c0d37412485c7426.js:401 Error in gesture recognition: Error: Minified React error #185; visit https://react.dev/errors/185 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at rm (f2f58a7e93290fbb.js:1:42396)
    at rd (f2f58a7e93290fbb.js:1:41968)
    at aj (f2f58a7e93290fbb.js:1:67984)
    at f2f58a7e93290fbb.js:1:67862
    at c0d37412485c7426.js:1:22147
    at Set.forEach (<anonymous>)
    at i (c0d37412485c7426.js:1:22136)
    at setHandPos (c0d37412485c7426.js:1:22672)
    at c (c0d37412485c7426.js:401:137890)
    ```
    aiGPT
        4
    aiGPT  
       7 小时 3 分钟前 via iPhone   1
    体验了一下,very nice
    zdl0929
        5
    zdl0929  
       6 小时 49 分钟前
    很不错,有开源吗
    s5s5
        6
    s5s5  
       6 小时 31 分钟前
    真不错,我怎么更喜欢右下角的骨骼效果,怎么弄出来的?
    doctorzry
        7
    doctorzry  
       6 小时 27 分钟前
    好玩,不过只能捕捉手势对于你说的“在电脑前锻炼”还是不够用,以这个目的开发的话可以继续加点动作检测~
    AzureTT
        8
    AzureTT  
       6 小时 22 分钟前   1
    很有意思
    wildman9527
        9
    wildman9527  
       6 小时 15 分钟前
    能感觉到这些粒子跟手势有关系,但又很难说清到底是什么关系。。。,有点不可控。
    darkengine
        10
    darkengine  
       6 小时 8 分钟前   1
    好玩,貌似是跟踪手指的动作,捏合的时候会把所有粒子聚集到一起,能看到跟随的是手指的方向。
    ninjaJ
        11
    ninjaJ  
       5 小时 16 分钟前   1
    赞!
    nobody123
        12
    nobody123  
       4 小时 43 分钟前
    怎么授权摄像头呢?
    SillyAdam
        13
    SillyAdam  
       4 小时 5 分钟前   1
    玩了一会。赞!
    akakidz
        14
    akakidz  
       3 小时 22 分钟前   1
    体验很好 响应非常及时
    yebem
        15
    yebem  
       3 小时 3 分钟前
    我的 edge 浏览器,打不开网页
    lazydog
        16
    lazydog  
       2 小时 15 分钟前   1
    体验了下,很不错。像一楼说的,如果可以加入全部身体动作的捕捉,就可以全身锻炼了。另外,目前看着是只捕捉了单个手的动作,两只手同时出现在摄像范围内,仅捕捉首次出现的那只手。比较好奇,如果两只手都不捉的话,会是什么样的感觉。
    lazydog
        17
    lazydog  
       2 小时 14 分钟前
    @lazydog 不捉 --> 捕捉。
    lazydog
        18
    lazydog  
       2 小时 9 分钟前
    @lazydog #16 此外,如 9 楼说的,粒子的汇聚不确定和手势之间的具体关系。我伸开五指,粒子散开。我握成拳头,粒子汇聚。我握成拳头上下挥动,也会有散开和汇聚的的效果。不过确实挺有意思的,如果后续以此增设游戏关卡,加入全身动作捕捉,会是新的一番景象。
    nanxiaobei
        19
    nanxiaobei  
    OP
       1 小时 23 分钟前
    @raphx 试试 chrome
    nanxiaobei
        20
    nanxiaobei  
    OP
       1 小时 22 分钟前
    @Folder 是的! MediaPipe
    naniaobei
        21
    nanxiaobei  
    OP
       1 小时 22 分钟前
    @milala 值得一试
    nanxiaobei
        22
    nanxiaobei  
    OP
       1 小时 22 分钟前
    @zdl0929 还没有呢
    nanxiaobei
        23
    nanxiaobei  
    OP
       1 小时 22 分钟前
    nanxiaobei
        24
    nanxiaobei  
    OP
       1 小时 21 分钟前
    @doctorzry 哈哈哈捕捉整个身体可能更有趣
    nanxiaobei
        25
    nanxiaobei  
    OP
       1 小时 20 分钟前
    @wildman9527 就是手掌上下左右的动,或者握拳再打开~
    nanxiaobei
        26
    nanxiaobei  
    OP
       1 小时 20 分钟前
    @nobody123 默认会请求权限的,试试 chrome 最新版~
    nanxiaobei
        27
    nanxiaobei  
    OP
       1 小时 19 分钟前
    @yebem 试试 chrome ,暂没测其它浏览器~
    nanxiaobei
        28
    nanxiaobei  
    OP
       1 小时 19 分钟前
    @lazydog 全身捕捉值得一试哈哈,等有空试试~
    panda188
        29
    panda188  
       6 分钟前 via Android
    手机试了下也行
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2376 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 08:50 PVG 16:50 LAX 00:50 JFK 03:50
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86