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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 682 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

体验页面：

https://wfish.netlify.app

第 1 条附言 2024-01-18 20:55:57 +08:00

标准触发方式是按下图方式甩手机，因为检测的是 beta 角度的变化。

比较方便的触发方式是：两只手竖屏状态拿着手机，把手机想象成一根竖着的木棒，上下甩动即可

木鱼

敲木鱼

点击

功德

34 条回复 2024-01-19 11:04:32 +08:00

RicherWQ

2024-01-17 21:27:38 +08:00

不错，加油！

miyuki

2024-01-17 22:57:39 +08:00

纳闷沉浸模式是个啥，点开绷不住了

kulous

2024-01-17 23:08:09 +08:00 via Android

为啥没有声音

hanai

2024-01-17 23:55:44 +08:00 via iPhone

呃怎么我手机上 chrome 和 Safari 都没效果

Silent7Wang

2024-01-18 02:03:38 +08:00

iPhone 13pm 17.3 Safari 没法敲啊。我把手机正着和侧着都试了，手机都快甩飞了，还有那个沉浸模式是真滴沉浸

xingfa

2024-01-18 03:39:05 +08:00

safari 需要优化一下，开源到 github 上了说下

VforVendetta

2024-01-18 08:00:42 +08:00

谢谢 Op 主，今天的功德圆满了。
<a href="https://sm.ms/image/OHDS1oqFWVLR8Kz" target="_blank"><img src="https://s2.loli.net/2024/01/18/OHDS1oqFWVLR8Kz.png" ></a>

VforVendetta

2024-01-18 08:03:14 +08:00

![75203.png]( https://s2.loli.net/2024/01/18/OHDS1oqFWVLR8Kz.png)

inktiger

2024-01-18 09:24:52 +08:00

- -!不行，我还是不能玩这个，我一玩就陷入了争强好胜，一直在突破一秒点多少次的目标中...

imldy

2024-01-18 09:28:46 +08:00

有意思，只是触发敲击有些延迟，往往等到停止了才会响，能否模拟正常的响时停止？

icanfork

2024-01-18 09:38:07 +08:00 via iPhone

iOS 积累不了功德

ECool

2024-01-18 09:39:13 +08:00

safari 好像不行

YangYang666

2024-01-18 11:34:54 +08:00

长按空格键，功德+999

fromKansasCity

2024-01-18 14:11:20 +08:00

功德 max 了

fromKansasCity

2024-01-18 14:13:56 +08:00

加个节流啊不然没内味了

cyb888

2024-01-18 14:41:39 +08:00

自己的电子木鱼（付费榜 92 名，文章有送兑换码），欢迎大佬们使用~ t/1009159#reply21
![10eb4e4d9d79ad73e0dbb9f47e94b61e.png]( https://i.miji.bid/2024/01/18/10eb4e4d9d79ad73e0dbb9f47e94b61e.png)

SuperDaFu

2024-01-18 14:46:37 +08:00

上瘾

july1995

2024-01-18 16:32:30 +08:00 via Android

兼容性有待提升。澎湃 os via 浏览器和小米自带浏览器全跪

jwenjian

2024-01-18 20:40:22 +08:00

@fromKansasCity PC 端么？总不能把手机甩那么多下吧。。。

jwenjian

2024-01-18 20:41:26 +08:00

@imldy 主要加了一个防抖，300ms 内只触发一次，需要多调整调整参数

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

@xingfa 项目在这里 https://github.com/jwenjian/wooden-fish

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 via Android

怎么全国排名都没有，功德需要被更多人看见

july1995

2024-01-19 09:20:33 +08:00 via Android

@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

[![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]

abc0123xyz

2024-01-19 11:04:00 +08:00

abc0123xyz

2024-01-19 11:04:32 +08:00

禁止开挂