爱意满满的作品展示区。
jwenjian

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

  •  1
     
  •   jwenjian ·
    jwenjian · Jan 17, 2024 · 5944 views
    This topic created in 1025 days ago, the information mentioned may be changed or developed.

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

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

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

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

    体验页面:

    https://wfish.netlify.app

    Supplement 1  ·  Jan 18, 2024

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

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

    34 replies  •  2024-01-19 11:04:32 +08:00
    RicherWQ
    RicherWQ
    Jan 17, 2024
    1
    不错,加油!
    miyuki
    miyuki
    Jan 17, 2024❤️1
    2
    纳闷沉浸模式是个啥,点开绷不住了
    kulous
    kulous
    Jan 17, 2024 via Android
    3
    为啥没有声音
    hanai
    hanai
    Jan 17, 2024 via iPhone
    4
    呃 怎么我手机上 chrome 和 Safari 都没效果
    Silent7Wang
    Silent7Wang
    Jan 18, 2024
    5
    iPhone 13pm 17.3 Safari 没法敲啊。我把手机正着和侧着都试了,手机都快甩飞了🥹,还有那个沉浸模式是真滴沉浸
    xingfa
    xingfa
    Jan 18, 2024
    6
    safari 需要优化一下,开源到 github 上了说下
    VforVendetta
    VforVendetta
    Jan 18, 2024
    7
    谢谢 Op 主,今天的功德圆满了。
    <a href="https://sm.ms/image/OHDS1oqFWVLR8Kz" target="_blank"><img src="https://s2.loli.net/2024/01/18/OHDS1oqFWVLR8Kz.png" ></a>
    inktiger
    inktiger
    Jan 18, 2024
    9
    - -!不行,我还是不能玩这个,我一玩就陷入了争强好胜,一直在突破一秒点多少次的目标中...
    imldy
    imldy
    Jan 18, 2024
    10
    有意思,只是触发敲击有些延迟,往往等到停止了才会响,能否模拟正常的响时停止?
    icanfork
    icanfork
    Jan 18, 2024 via iPhone
    11
    iOS 积累不了功德
    ECool
    ECool
    Jan 18, 2024
    12
    safari 好像不行
    YangYang666
    YangYang666
    Jan 18, 2024
    13
    长按空格键,功德+999
    fromKansasCity
    fromKansasCity
    Jan 18, 2024
    14
    功德 max 了😂
    fromKansasCity
    fromKansasCity
    Jan 18, 2024
    15
    加个节流啊 不然没内味了
    cyb888
    cyb888
    Jan 18, 2024❤️1
    16
    自己的电子木鱼(付费榜 92 名,文章有送兑换码),欢迎大佬们使用~ https://www.v2ex.com/t/1009159#reply21
    ![10eb4e4d9d79ad73e0dbb9f47e94b61e.png]( https://i.miji.bid/2024/01/18/10eb4e4d9d79ad73e0dbb9f47e94b61e.png)
    SuperDaFu
    SuperDaFu
    Jan 18, 2024
    17
    上瘾
    july1995
    july1995
    Jan 18, 2024 via Android
    18
    兼容性有待提升。澎湃 os via 浏览器和小米自带浏览器 全跪
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    19
    @fromKansasCity PC 端么?总不能把手机甩那么多下吧。。。
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    20
    @imldy 主要加了一个防抖,300ms 内只触发一次,需要多调整调整参数
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    21
    @ECool 我手头没有 iPhone , 应该是默认没有给陀螺仪的权限,网上搜了一下说是 safari 设置里能打开, 也许可以试试
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    22
    @july1995 我只用 一加手机的 via 浏览器试过,没啥问题,
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    23
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    24
    @Silent7Wang 标准的动作是,手机保持竖屏的情况下,前后翻转手机, 因为检测的是 beta 角度的变化

    ![]( https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Orientation_and_motion_data_explained/beta2.png)
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    25
    PC 端简单加了个防抖
    jwenjian
    jwenjian
    OP
    Jan 18, 2024
    26
    加了一个全屏按钮
    xingfa
    xingfa
    Jan 18, 2024
    27
    @jwenjian 手机版的兼容性需要优化下
    ilkd
    ilkd
    Jan 18, 2024 via Android
    28
    怎么全国排名都没有,功德需要被更多人看见
    july1995
    july1995
    Jan 19, 2024 via Android
    29
    @jwenjian 我的问题 我的问题,没仔细看介绍,理所当然的以为这是要点击屏幕来玩的。 后来看了别人的视频,才知道,这是要摇晃手机的。
    vialon17
    vialon17
    Jan 19, 2024
    30
    还有电子木鱼...
    啥时候整个电子放生?
    Liftman
    Liftman
    Jan 19, 2024
    31
    safari 无效。。。
    abc0123xyz
    abc0123xyz
    Jan 19, 2024
    33
    abc0123xyz
    abc0123xyz
    Jan 19, 2024
    34
    禁止开挂
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1796 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 71ms · UTC 13:36 · PVG 21:36 · LAX 05:36 · JFK 08:36
    ♥ Do have faith in what you're doing.