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

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

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

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