V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jwenjian
V2EX  ›  分享创造

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

  •  1
     
  •   jwenjian ·
    jwenjian · 346 天前 · 4038 次点击
    这是一个创建于 346 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    体验页面:

    https://wfish.netlify.app

    第 1 条附言  ·  345 天前

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

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

    34 条回复    2024-01-19 11:04:32 +08:00
    RicherWQ
        1
    RicherWQ  
       346 天前
    不错,加油!
    miyuki
        2
    miyuki  
       346 天前   ❤️ 1
    纳闷沉浸模式是个啥,点开绷不住了
    kulous
        3
    kulous  
       346 天前 via Android
    为啥没有声音
    hanai
        4
    hanai  
       346 天前 via iPhone
    呃 怎么我手机上 chrome 和 Safari 都没效果
    Silent7Wang
        5
    Silent7Wang  
       346 天前
    iPhone 13pm 17.3 Safari 没法敲啊。我把手机正着和侧着都试了,手机都快甩飞了🥹,还有那个沉浸模式是真滴沉浸
    xingfa
        6
    xingfa  
       346 天前
    safari 需要优化一下,开源到 github 上了说下
    VforVendetta
        7
    VforVendetta  
       346 天前
    谢谢 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  
       346 天前
    inktiger
        9
    inktiger  
       345 天前
    - -!不行,我还是不能玩这个,我一玩就陷入了争强好胜,一直在突破一秒点多少次的目标中...
    imldy
        10
    imldy  
       345 天前
    有意思,只是触发敲击有些延迟,往往等到停止了才会响,能否模拟正常的响时停止?
    belin520
        11
    belin520  
       345 天前 via iPhone
    iOS 积累不了功德
    ECool
        12
    ECool  
       345 天前
    safari 好像不行
    YangYang666
        13
    YangYang666  
       345 天前
    长按空格键,功德+999
    fromKansasCity
        14
    fromKansasCity  
       345 天前
    功德 max 了😂
    fromKansasCity
        15
    fromKansasCity  
       345 天前
    加个节流啊 不然没内味了
    cyb888
        16
    cyb888  
       345 天前   ❤️ 1
    自己的电子木鱼(付费榜 92 名,文章有送兑换码),欢迎大佬们使用~ https://www.v2ex.com/t/1009159#reply21
    ![10eb4e4d9d79ad73e0dbb9f47e94b61e.png]( https://i.miji.bid/2024/01/18/10eb4e4d9d79ad73e0dbb9f47e94b61e.png)
    SuperDaFu
        17
    SuperDaFu  
       345 天前
    上瘾
    july1995
        18
    july1995  
       345 天前 via Android
    兼容性有待提升。澎湃 os via 浏览器和小米自带浏览器 全跪
    jwenjian
        19
    jwenjian  
    OP
       345 天前
    @fromKansasCity PC 端么?总不能把手机甩那么多下吧。。。
    jwenjian
        20
    jwenjian  
    OP
       345 天前
    @imldy 主要加了一个防抖,300ms 内只触发一次,需要多调整调整参数
    jwenjian
        21
    jwenjian  
    OP
       345 天前
    @ECool 我手头没有 iPhone , 应该是默认没有给陀螺仪的权限,网上搜了一下说是 safari 设置里能打开, 也许可以试试
    jwenjian
        22
    jwenjian  
    OP
       345 天前
    @july1995 我只用 一加手机的 via 浏览器试过,没啥问题,
    jwenjian
        23
    jwenjian  
    OP
       345 天前
    jwenjian
        24
    jwenjian  
    OP
       345 天前
    @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
       345 天前
    PC 端简单加了个防抖
    jwenjian
        26
    jwenjian  
    OP
       345 天前
    加了一个全屏按钮
    xingfa
        27
    xingfa  
       345 天前
    @jwenjian 手机版的兼容性需要优化下
    ilkd
        28
    ilkd  
       345 天前 via Android
    怎么全国排名都没有,功德需要被更多人看见
    july1995
        29
    july1995  
       344 天前 via Android
    @jwenjian 我的问题 我的问题,没仔细看介绍,理所当然的以为这是要点击屏幕来玩的。 后来看了别人的视频,才知道,这是要摇晃手机的。
    vialon17
        30
    vialon17  
       344 天前
    还有电子木鱼...
    啥时候整个电子放生?
    Liftman
        31
    Liftman  
       344 天前
    safari 无效。。。
    abc0123xyz
        33
    abc0123xyz  
       344 天前
    abc0123xyz
        34
    abc0123xyz  
       344 天前
    禁止开挂
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2105 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 01:13 · PVG 09:13 · LAX 17:13 · JFK 20:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.