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

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

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

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

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

体验页面:

https://wfish.netlify.app


更新个视频:

1 个赞

搭配点读笔/翻译笔效果更加佳?

毕竟不太会把这些随身携带,这个只要有手机,就能随时随地敲起来哈哈

iOS需要在 safari 设置里打开 motion and orientation 选项才能用

你的项目地址在哪里呀

github?

我遇到个问题啊,iPhone 上没有 motion and orientation 选项,Android 直接打不开页面

我手里没有iphone,不知道具体是哪个配置,应该是和传感器相关的选项。

部署到Netlify上,不应该打不开呀

啊,安卓测试成功了,我忘记 netlify 不能直接打开的问题了…

我放在 cf 上了一个:joy:

https://yu.appinn.net/

加个全屏按钮吧 :joy:

更有沉浸感

感觉反应有点卡,或者慢

不好用,建议把微博或者其他软件的开屏摇一摇跳转淘宝的功能抄过来,那个多灵敏啊

这个可以加

应该是声音稍微有点延迟,主要是用了防抖,不然甩一次手机会连续响几声,这个可以再调一调

我看了微博上的视频,姿势不对:smiley:,手机竖屏情况下,前后翻转才能触发,点击图片不能直接触发,偶尔点击屏幕能触发也是因为点击动作让手机发生了转动触发了敲击动作

说到视频,放着吧。

把竖屏状态的手机想象成一根竖着木鱼棒

检测的是 beta 角度的变化

加了一个全屏按钮