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

🐟「Sakana!」石蒜模拟器

  wsph123 ·
itorr · 2022-08-24 17:49:25 +08:00 · 8063 次点击
这是一个创建于 827 天前的主题，其中的信息可能已经有所发展或是发生改变。

Sakana~~~

地址 https://lab.magiconch.com/sakana/

さかなー－－－！！

插画来源

大伏アオ @blue00f4 Pixiv

已从老师推特取得在网页中使用两张插画 ( その1、その2 ) 的非商用授权 ヾ(^▽^ヾ)

功能

  • 按住立牌拖拽、松手后立牌会向反方向弹跳
  • 点击底座切换角色
  • 手机开启陀螺仪权限、摇一摇可甩动立牌

请求参数

  • 添加 ?v=chisato 请求参数，可获得 锦木千束 专属链接
  • 添加 ?v=takina 请求参数，可获得 井上泷奈 专属链接
  • 添加 ?alpha=true 请求参数可以获得透明背景 例

本地调试

document.less 需要编译成 .css 样式文件 #6

GitHub

https://github.com/itorr/sakana/

微博

https://weibo.com/1197780522/M2xbREtGI

第 1 条附言  ·  2022-08-27 01:07:33 +08:00

这两天一共被访问 1387110 次😨 多了 600+Star，开心能有这么多人来玩儿😭 （明明转发数少的可怜🤡

新功能

功能上新增了自走模式以及音效

新增请求参数选项

通过添加请求参数可以有更多选项

  • 添加 ?background=red 请求参数，可自定义背景 例
  • 添加 ?decay=0.99 请求参数，自定义衰减 无阻尼例 #11
  • 添加 ?inertia=0.1 请求参数，自定义惯性 超慢速例
  • 添加 ?lang=en-US 请求参数，自定义语言 英文 日语

组合参数例

  • 请求
  • 参数
  • sakana
  • 插画
    63 条回复  •  2022-08-28 09:23:41 +08:00
    xrr2016
        1
    xrr2016  
       2022-08-24 18:00:36 +08:00   ❤️ 1
    已 star 👍
    vlgs
        2
    vlgs  
       2022-08-24 18:02:34 +08:00
    op 做的东西很有意思 支持
    magicZ
        3
    magicZ  
       2022-08-24 18:04:16 +08:00
    好，star
    subframe75361
        4
    subframe75361  
       2022-08-24 18:09:00 +08:00
    好东西，star 了，建议发 b 站
    weichengwu
        5
    weichengwu  
       2022-08-24 18:21:59 +08:00
    可以弄成动态桌面就好了
    mxT52CRuqR6o5
        6
    mxT52CRuqR6o5  
       2022-08-24 18:28:16 +08:00 via Android
    有测过安卓吗，我这摇一摇没反应
    wsph123
        7
    wsph123  
    OP
       2022-08-24 18:35:25 +08:00
    @mxT52CRuqR6o5 通过 `window.DeviceOrientationEvent && window.DeviceOrientationEvent['requestPermission']` 判断的，不符合就不支持，欢迎来 pull ψ(｀∇´)ψ
    wsph123
        8
    wsph123  
    OP
       2022-08-24 18:36:52 +08:00
    @xrr2016 好耶ヽ(･ω･´ﾒ)
    @vlgs 开心ﾍ|･∀･|ﾉ*~●
    @magicZ ψ(｀∇´)ψ
    @subframe75361 我去研究研究怎么做视频 🤕
    wsph123
        9
    wsph123  
    OP
       2022-08-24 18:38:00 +08:00
    @weichengwu 现在留了个 透明背景选项，如果有方便做成桌面挂件的容器应该可以直接套，不知道有没有合适轮子(ಥ_ಥ)
    mxT52CRuqR6o5
        10
    mxT52CRuqR6o5  
       2022-08-24 18:51:17 +08:00
    @wsph123 还有就是我这里小米 10pro 切换角色的底座会因为全面屏手势屏幕底下的条被遮挡
    mxT52CRuqR6o5
        11
    mxT52CRuqR6o5  
       2022-08-24 18:52:57 +08:00
    https://developer.mozilla.org/en-US/docs/Web/API/DeviceOrientationEvent
    requestPermission 除了 ios 支持，其他浏览器都是一排叉😂
    Noicdi
        12
    Noicdi  
       2022-08-24 19:02:17 +08:00 via iPhone
    是我的错觉吗，iPhone 上面还有晃动的感觉
    wsph123
        13
    wsph123  
    OP
       2022-08-24 19:05:30 +08:00 via iPhone
    @mxT52CRuqR6o5 😾其实是给自己写了 iOS 其他没管，返回数值和方向等细节差异处理起来太麻烦了😿
    获得插画授权先临时改成手动触发开启，等下可以先给不需要申请权限的设备显示入口。bug 之后再修👻
    wsph123
        14
    wsph123  
    OP
       2022-08-24 19:06:19 +08:00 via iPhone
    @mxT52CRuqR6o5 这个问题我也在纠结 还没想好怎么处理比较好
    wsph123
        15
    wsph123  
    OP
       2022-08-24 19:07:35 +08:00 via iPhone
    @Noicdi iOS 右下角开启陀螺仪之后可以靠倾斜、摇晃来玩👻
    lzgshsj
        16
    lzgshsj  
       2022-08-24 19:11:34 +08:00
    好哦，大佬又出新玩具了
    dudu2017
        17
    dudu2017  
       2022-08-24 19:22:04 +08:00 via iPhone
    👍好奇名字为什么叫石蒜模拟器呢？
    dudu2017
        18
    dudu2017  
       2022-08-24 19:26:21 +08:00 via iPhone
    @dudu2017 想起来了，和彼岸花的的形态很像
    Constantping
        19
    Constantping  
       2022-08-24 19:28:27 +08:00
    @dudu2017 石蒜（學名：Lycoris radiata ，種加詞「 radiata 」意為「放射狀的」），原產自中國、韓國及尼泊爾，在中國又名龍爪花、蟑螂花、一枝箭和彼岸花
    jdjingdian
        20
    jdjingdian  
       2022-08-24 19:30:19 +08:00   ❤️ 1
    感觉可以放上蔡徐坤打篮球的图
    subframe75361
        21
    subframe75361  
       2022-08-24 19:31:30 +08:00
    @wsph123 可以参考 https://www.bilibili.com/video/BV1GS4y1x7aa
    Noicdi
        22
    Noicdi  
       2022-08-24 19:33:30 +08:00 via iPhone
    @wsph123 #15 我关闭陀螺仪，然后用手指滑动，她晃起来，然后手机也会有那种晃动的感觉，很轻微，就像拿着真的东西在手上一样，心理暗示吗这是哈哈哈哈哈
    zhouyg
        23
    zhouyg  
       2022-08-24 19:51:58 +08:00
    谜之动感
    wsph123
        24
    wsph123  
    OP
       2022-08-24 20:07:22 +08:00
    @lzgshsj さかな~~
    @dudu2017 @Constantping 哈哈哈哈哈对多接地这名字
    @jdjingdian 好家伙确实行ψ(｀∇´)ψ
    @subframe75361 哈哈哈哈哈哈这个物理，我还是太保守了 m9(`Д´)
    EridanusSora
        25
    EridanusSora  
       2022-08-24 21:59:58 +08:00 via Android
    好弹
    zthxxx
        26
    zthxxx  
       2022-08-24 22:07:46 +08:00
    好
    Love4Taylor
        27
    Love4Taylor  
       2022-08-24 22:18:30 +08:00
    好活当赏
    x86
        28
    x86  
       2022-08-25 00:24:16 +08:00 via iPhone
    @jdjingdian 跟我想的一模一样
    wsph123
        29
    wsph123  
    OP
       2022-08-25 00:48:45 +08:00
    @Noicdi 刚刚出门吃饭的时候届到了！！微微颤动就像是真的拿在手里的弹簧一样🙉！！！！ 这也太妙了
    edis0n0
        30
    edis0n0  
       2022-08-25 01:07:51 +08:00
    弹的太快了 60fps 屏幕有点头晕
    sayyiku
        31
    sayyiku  
       2022-08-25 08:26:25 +08:00
    爱了爱了
    MXXXXXS
        32
    MXXXXXS  
       2022-08-25 08:43:50 +08:00
    可爱滴捏~
    spacebound
        33
    spacebound  
       2022-08-25 09:45:17 +08:00
    大佬又整新活了！
    ypzhou
        34
    ypzhou  
       2022-08-25 10:08:01 +08:00
    可以加个停止按钮 现在晃的脑袋都在晃
    zmqiang
        35
    zmqiang  
       2022-08-25 10:08:41 +08:00
    不知道能不能用加速度传感器，用陀螺仪有些时候晃动起来和常识不太一致
    moonkiller
        36
    moonkiller  
       2022-08-25 10:19:25 +08:00
    哈哈哈 好 Q 弹
    killva4624
        37
    killva4624  
       2022-08-25 10:29:46 +08:00
    大佬太强了 wwww
    imklay
        38
    imklay  
       2022-08-25 11:15:17 +08:00
    好可爱哈哈哈
    SimleCp
        39
    SimleCp  
       2022-08-25 11:39:21 +08:00
    弹的我都麻了 哈哈
    Weyeeep
        40
    Weyeeep  
       2022-08-25 12:02:25 +08:00 via Android
    这个岂不是可以来拿来当手机壁纸（可互动那种
    bomb77
        41
    bomb77  
       2022-08-25 12:09:44 +08:00
    哈哈哈哈，可爱
    Sephirothictree
        42
    Sephirothictree  
       2022-08-25 13:43:17 +08:00
    hh 论整活，还得是卜卜口
    lefer
        43
    lefer  
       2022-08-25 14:11:20 +08:00
    什么垃圾项目？已经浪费我 10 分钟了。

    我再弹一会儿就去上班！ doge
    tutustream
        44
    tutustream  
       2022-08-25 14:14:41 +08:00
    哈哈哈，2 个同时显示就更好了
    ryougifujino
        45
    ryougifujino  
       2022-08-25 14:21:54 +08:00
    这里也能看到蒜
    Itanium
        46
    Itanium  
       2022-08-25 14:23:30 +08:00
    蒜必秒吻
    lvma0shu1gua1
        47
    lvma0shu1gua1  
       2022-08-25 14:23:58 +08:00
    真不错，分享给同事了，要是有英语 readme 就更好了
    B3UzMhCd3dDvVVLa
        48
    B3UzMhCd3dDvVVLa  
       2022-08-25 14:57:23 +08:00
    要是能做成本地程序放在桌面就更有意思了
    Felldeadbird
        49
    Felldeadbird  
       2022-08-25 15:10:04 +08:00
    太有弹性了。
    bwangel
        50
    bwangel  
       2022-08-25 15:20:37 +08:00
    哈哈，太好玩了，已 star
    zakokun
        51
    zakokun  
       2022-08-25 15:23:06 +08:00
    好活，当赏！
    xp1zzz
        52
    xp1zzz  
       2022-08-25 16:03:06 +08:00
    好耶！
    beichenshao
        53
    beichenshao  
       2022-08-25 18:13:47 +08:00
    好好玩，收藏了
    hefang
        54
    hefang  
       2022-08-26 09:50:51 +08:00
    大佬的项目都好有意思！
    nyakoy
        55
    nyakoy  
       2022-08-26 10:26:39 +08:00
    op 的东西都贼有趣，已关注
    Highlight1024
        56
    Highlight1024  
       2022-08-26 15:26:21 +08:00
    有振动就更好了😂
    exhades
        57
    exhades  
       2022-08-26 23:07:30 +08:00
    hhh 很有趣
    siweipancc
        58
    siweipancc  
       2022-08-27 10:39:26 +08:00 via iPhone
    好
    pC0oc4EbCSsJUy4W
        59
    pC0oc4EbCSsJUy4W  
       2022-08-27 14:44:36 +08:00
    有点头晕 😄
    kangyan
        60
    kangyan  
       2022-08-27 18:16:29 +08:00
    非常好工作，英雄联盟，爱来自瓷器❤️
    katfao
        61
    katfao  
       2022-08-27 18:53:30 +08:00
    很好玩
    codehz
        62
    codehz  
       2022-08-28 08:49:52 +08:00
    这个超高速微阻尼千束英文例 https://lab.magiconch.com/sakana/?inertia=0.7&decay=0.999&v=chisato&lang=en-US 没多久就飞没了（
    s60985545lwh
        63
    s60985545lwh  
       2022-08-28 09:23:41 +08:00 via Android
    很有意思，收藏了😄
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1120 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 22:42 · PVG 06:42 · LAX 14:42 · JFK 17:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.