🐟「Sakana!」石蒜模拟器

[wsph123]

地址 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

[xrr2016]

已 star 👍

[vlgs]

op 做的东西很有意思 支持

[magicZ]

好，star

[subframe75361]

好东西，star 了，建议发 b 站

[weichengwu]

可以弄成动态桌面就好了

[mxT52CRuqR6o5]

有测过安卓吗，我这摇一摇没反应

[wsph123]

@mxT52CRuqR6o5 通过 `window.DeviceOrientationEvent && window.DeviceOrientationEvent['requestPermission']` 判断的，不符合就不支持，欢迎来 pull ψ(｀∇´)ψ

[wsph123]

@xrr2016 好耶ヽ(･ω･´ﾒ)
@vlgs 开心ﾍ|･∀･|ﾉ*~●
@magicZ ψ(｀∇´)ψ
@subframe75361 我去研究研究怎么做视频 🤕

[wsph123]

@weichengwu 现在留了个 透明背景选项，如果有方便做成桌面挂件的容器应该可以直接套，不知道有没有合适轮子(ಥ_ಥ)

[mxT52CRuqR6o5]

@wsph123 还有就是我这里小米 10pro 切换角色的底座会因为全面屏手势屏幕底下的条被遮挡

[mxT52CRuqR6o5]

https://developer.mozilla.org/en-US/docs/Web/API/DeviceOrientationEvent
requestPermission 除了 ios 支持，其他浏览器都是一排叉😂

[Noicdi]

是我的错觉吗，iPhone 上面还有晃动的感觉

[wsph123]

@mxT52CRuqR6o5 😾其实是给自己写了 iOS 其他没管，返回数值和方向等细节差异处理起来太麻烦了😿
获得插画授权先临时改成手动触发开启，等下可以先给不需要申请权限的设备显示入口。bug 之后再修👻

[wsph123]

@mxT52CRuqR6o5 这个问题我也在纠结 还没想好怎么处理比较好

[wsph123]

@Noicdi iOS 右下角开启陀螺仪之后可以靠倾斜、摇晃来玩👻

[lzgshsj]

好哦，大佬又出新玩具了

[dudu2017]

👍好奇名字为什么叫石蒜模拟器呢？

[dudu2017]

@dudu2017 想起来了，和彼岸花的的形态很像

[Constantping]

@dudu2017 石蒜（學名：Lycoris radiata ，種加詞「 radiata 」意為「放射狀的」），原產自中國、韓國及尼泊爾，在中國又名龍爪花、蟑螂花、一枝箭和彼岸花

[jdjingdian]

感觉可以放上蔡徐坤打篮球的图