我做了一个有点不一样的电子木鱼

2024-01-17 21:19:58 +08:00
 jwenjian

我 fork 了一个开源的电子木鱼,加了点不一样的东西。

原来的电子木鱼在 PC 端可以通过空格键和鼠标点击的方式积累功德,在移动端只能通过手指点击木鱼的方式积累功德。

我对移动端的交互方式做了一些改进,移除了手指点击的模式,改用手机陀螺仪的数据进行交互,效果就是,在手机上打开页面之后,你需要 把你的手机想象成敲木鱼的棒子上下挥动手机才能敲击木鱼。

真正的沉浸式敲木鱼,用手指点击太没有参与感了,把你的手机甩起来!

体验页面:

https://wfish.netlify.app

4112 次点击
所在节点    分享创造
34 条回复
jwenjian
2024-01-18 20:42:17 +08:00
@ECool 我手头没有 iPhone , 应该是默认没有给陀螺仪的权限,网上搜了一下说是 safari 设置里能打开, 也许可以试试
jwenjian
2024-01-18 20:42:52 +08:00
@july1995 我只用 一加手机的 via 浏览器试过,没啥问题,
jwenjian
2024-01-18 20:43:25 +08:00
jwenjian
2024-01-18 20:48:23 +08:00
@Silent7Wang 标准的动作是,手机保持竖屏的情况下,前后翻转手机, 因为检测的是 beta 角度的变化

![]( https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained/beta2.png)
jwenjian
2024-01-18 21:02:41 +08:00
PC 端简单加了个防抖
jwenjian
2024-01-18 21:19:19 +08:00
加了一个全屏按钮
xingfa
2024-01-18 21:53:45 +08:00
@jwenjian 手机版的兼容性需要优化下
ilkd
2024-01-18 22:07:42 +08:00
怎么全国排名都没有,功德需要被更多人看见
july1995
2024-01-19 09:20:33 +08:00
@jwenjian 我的问题 我的问题,没仔细看介绍,理所当然的以为这是要点击屏幕来玩的。 后来看了别人的视频,才知道,这是要摇晃手机的。
vialon17
2024-01-19 09:39:46 +08:00
还有电子木鱼...
啥时候整个电子放生?
Liftman
2024-01-19 10:59:22 +08:00
safari 无效。。。
abc0123xyz
2024-01-19 11:03:12 +08:00
abc0123xyz
2024-01-19 11:04:00 +08:00
abc0123xyz
2024-01-19 11:04:32 +08:00
禁止开挂

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1009484

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX