2021 年，我在三里屯见过一个装置，它是一个大屏幕，可以检测到你的手势，屏幕上的粒子会跟着手势运动
我对那个装置印象很深刻，当时玩了很久
今天，我终于把这种体验复刻了出来，点击按钮，授权摄像头，让你的手出现在镜头里，然后你就可以操控屏幕上的粒子了🪄
鬼知道开发这个东西时，我手舞足蹈的试了多久，于是我发现了它的一个妙用，可以帮助你在电脑前锻炼~
体验地址 → https://particle-sense.vercel.app/
爱意满满的作品展示区。
This topic created in 276 days ago, the information mentioned may be changed or developed.
 |
milalaJan 31
1
为什么不是捕捉整个身体
|
 |
FolderJan 31
2
挺有意思的, 手势检测是基于 MediaPipe Hands 实现的吗?
|
 |
raphxJan 31
3
```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) ``` |
 |
4
体验了一下，very nice
|
1 |
zdl0929Jan 31
5
很不错，有开源吗
|
 |
s5s5Jan 31
6
真不错，我怎么更喜欢右下角的骨骼效果，怎么弄出来的？
|
 |
doctorzryJan 31
7
好玩，不过只能捕捉手势对于你说的“在电脑前锻炼”还是不够用，以这个目的开发的话可以继续加点动作检测~
|
 |
8
很有意思
|
 |
wildman9527Jan 31
9
能感觉到这些粒子跟手势有关系，但又很难说清到底是什么关系。。。😂，有点不可控。
|
 |
10
好玩，貌似是跟踪手指的动作，捏合的时候会把所有粒子聚集到一起，能看到跟随的是手指的方向。
|
 |
11
赞！
|
 |
nobody123Jan 31
12
怎么授权摄像头呢?
|
 |
13
玩了一会。赞！
|
 |
14
体验很好 响应非常及时
|
 |
yebemJan 31
15
我的 edge 浏览器，打不开网页
|
 |
16
体验了下，很不错。像一楼说的，如果可以加入全部身体动作的捕捉，就可以全身锻炼了。另外，目前看着是只捕捉了单个手的动作，两只手同时出现在摄像范围内，仅捕捉首次出现的那只手。比较好奇，如果两只手都不捉的话，会是什么样的感觉。
 |
|
lazydogJan 31
18
@lazydog #16 此外，如 9 楼说的，粒子的汇聚不确定和手势之间的具体关系。我伸开五指，粒子散开。我握成拳头，粒子汇聚。我握成拳头上下挥动，也会有散开和汇聚的的效果。不过确实挺有意思的，如果后续以此增设游戏关卡，加入全身动作捕捉，会是新的一番景象。
|
 |
19
@raphx 试试 chrome
|
|
20
@Folder 是的！ MediaPipe
|
|
21
@milala 值得一试 😃
|
|
22
@zdl0929 还没有呢
|
|
23
@s5s5 google mediapipe https://ai.google.dev/edge/mediapipe/solutions/guide?hl=zh-cn
|
|
24
@doctorzry 哈哈哈捕捉整个身体可能更有趣
|
|
25
@wildman9527 就是手掌上下左右的动，或者握拳再打开~
|
|
26
@nobody123 默认会请求权限的，试试 chrome 最新版~
|
|
27
@yebem 试试 chrome ，暂没测其它浏览器~
|
|
28
@lazydog 全身捕捉值得一试哈哈，等有空试试~
|
 |
29
手机试了下也行😂
|
|
30
|
|
31
@panda188 是的！
|
 |
lijunjieoneJan 31
32
挺不错的。会开源吗
|
 |
33
太好玩了，十分的丝滑。要是张开手掌的时候能让颗粒像大爆炸一样散开就更帅了。
|
 |
34
bgm 好评，手势识别也有意思。棒（看楼上那么多好评，为了试试看效果今天折腾好久想了个办法将手机弄给 pc 当摄像头用）
|
 |
hanguofuJan 31
35
有意思~ 如果能加上肢体识别就更好了~~
|
 |
36
挺好玩
|
|
37
@nanxiaobei 赞，直接结合 AI+AR 搞个贾维斯吧
|
 |
dji38838cJan 31
38
claude code 不错呀
|
 |
cat9lifeJan 31 via iPhone
39
我的回复咋没了..这东西能操控网页元素吗？
|
 |
40
真不错。
|
|
41
@lijunjieone 等再整理整理代码哈哈
|
|
42
@adamwang 张开手掌的时候是发散的~
|
|
43
@nVoxel 手机上也可以玩，适配了哈哈~
|
|
44
@hanguofu 等后面想想有没有新玩法
|
|
45
@cat9life 操纵网页元素理论上需要开发个 chrome 插件~
|
 |
46
cool
|
|
adamwangFeb 1
47
@nanxiaobei #42 嗯嗯，现在是发散的，但是现在看起来它聚合起来的时候不是一个点状的，是上下裁切了的一个圆形。我的意思是要是能手掌合起来的时候让他们聚成一个点，张开的时候再满天星感觉更酷一些 哈哈哈。有种当神仙施法的感觉。
|
 |
MikePerfectFeb 1
48
卡兹克的吗
|
|
49
@adamwang 哈哈，这个很难平衡，它是有物理规律的，如果要聚成一个点，代表能量很强，就会先剧烈晃动一会儿，看起来有点晃眼
|
|
50
@MikePerfect 卡兹克是啥玩意
|
Select Language