我 fork 了一个开源的电子木鱼,加了点不一样的东西。
原来的电子木鱼在 PC 端可以通过空格键和鼠标点击的方式积累功德,在移动端只能通过手指点击木鱼的方式积累功德。
我对移动端的交互方式做了一些改进,移除了手指点击的模式,改用手机陀螺仪的数据进行交互,效果就是,在手机上打开页面之后,你需要 把你的手机想象成敲木鱼的棒子,上下挥动手机才能敲击木鱼。
真正的沉浸式敲木鱼,用手指点击太没有参与感了,把你的手机甩起来!
体验页面:
标准触发方式是按下图方式甩手机,因为检测的是 beta 角度的变化。
比较方便的触发方式是:两只手竖屏状态拿着手机,把手机想象成一根竖着的木棒,上下甩动即可
1
RicherWQ 314 天前
不错,加油!
|
2
miyuki 314 天前 1
纳闷沉浸模式是个啥,点开绷不住了
|
3
kulous 314 天前 via Android
为啥没有声音
|
4
hanai 314 天前 via iPhone
呃 怎么我手机上 chrome 和 Safari 都没效果
|
5
Silent7Wang 314 天前
iPhone 13pm 17.3 Safari 没法敲啊。我把手机正着和侧着都试了,手机都快甩飞了🥹,还有那个沉浸模式是真滴沉浸
|
6
xingfa 314 天前
safari 需要优化一下,开源到 github 上了说下
|
7
VforVendetta 314 天前
谢谢 Op 主,今天的功德圆满了。
<a href="https://sm.ms/image/OHDS1oqFWVLR8Kz" target="_blank"><img src="https://s2.loli.net/2024/01/18/OHDS1oqFWVLR8Kz.png" ></a> |
8
VforVendetta 314 天前
![75203.png]( https://s2.loli.net/2024/01/18/OHDS1oqFWVLR8Kz.png)
|
9
inktiger 314 天前
- -!不行,我还是不能玩这个,我一玩就陷入了争强好胜,一直在突破一秒点多少次的目标中...
|
10
imldy 314 天前
有意思,只是触发敲击有些延迟,往往等到停止了才会响,能否模拟正常的响时停止?
|
11
belin520 314 天前 via iPhone
iOS 积累不了功德
|
12
ECool 314 天前
safari 好像不行
|
13
YangYang666 314 天前
长按空格键,功德+999
|
14
fromKansasCity 314 天前
功德 max 了😂
|
15
fromKansasCity 314 天前
加个节流啊 不然没内味了
|
16
cyb888 314 天前 1
自己的电子木鱼(付费榜 92 名,文章有送兑换码),欢迎大佬们使用~ https://www.v2ex.com/t/1009159#reply21
![10eb4e4d9d79ad73e0dbb9f47e94b61e.png]( https://i.miji.bid/2024/01/18/10eb4e4d9d79ad73e0dbb9f47e94b61e.png) |
17
SuperDaFu 314 天前
上瘾
|
18
july1995 314 天前 via Android
兼容性有待提升。澎湃 os via 浏览器和小米自带浏览器 全跪
|
19
jwenjian OP @fromKansasCity PC 端么?总不能把手机甩那么多下吧。。。
|
23
jwenjian OP |
24
jwenjian OP @Silent7Wang 标准的动作是,手机保持竖屏的情况下,前后翻转手机, 因为检测的是 beta 角度的变化
![]( https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained/beta2.png) |
25
jwenjian OP PC 端简单加了个防抖
|
26
jwenjian OP 加了一个全屏按钮
|
28
ilkd 313 天前 via Android
怎么全国排名都没有,功德需要被更多人看见
|
29
july1995 313 天前 via Android
@jwenjian 我的问题 我的问题,没仔细看介绍,理所当然的以为这是要点击屏幕来玩的。 后来看了别人的视频,才知道,这是要摇晃手机的。
|
30
vialon17 313 天前
还有电子木鱼...
啥时候整个电子放生? |
31
Liftman 313 天前
safari 无效。。。
|
32
abc0123xyz 313 天前
[![pFATswd.jpg]( https://s11.ax1x.com/2024/01/19/pFATswd.jpg)]( https://imgse.com/i/pFATswd)
[url=https://imgse.com/i/pFATswd][img]https://s11.ax1x.com/2024/01/19/pFATswd.jpg[/img][/url] |
33
abc0123xyz 313 天前
|
34
abc0123xyz 313 天前
禁止开挂
|