🐟「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

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

新功能

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

• 自走模式，以随机间隔、施加一个大小随机的力 #7 @milkybird98
• 音效，在适当区间松手时的语音效果 #9 @zthxxx
• 多语言支持 #26 @dsrkafuu

新增请求参数选项

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

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

组合参数例

• 超高速微阻尼千束英文例
• 超慢速无阻尼泷奈日文例

[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]

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

[subframe75361]

@wsph123 可以参考 https://www.bilibili.com/video/BV1GS4y1x7aa

[Noicdi]

@wsph123 #15 我关闭陀螺仪，然后用手指滑动，她晃起来，然后手机也会有那种晃动的感觉，很轻微，就像拿着真的东西在手上一样，心理暗示吗这是哈哈哈哈哈

[zhouyg]

谜之动感

[wsph123]

@lzgshsj さかな~~
@dudu2017 @Constantping 哈哈哈哈哈对多接地这名字
@jdjingdian 好家伙确实行ψ(｀∇´)ψ
@subframe75361 哈哈哈哈哈哈这个物理，我还是太保守了 m9(`Д´)

[EridanusSora]

好弹

[zthxxx]

好

[Love4Taylor]

好活当赏

[x86]

@jdjingdian 跟我想的一模一样

[wsph123]

@Noicdi 刚刚出门吃饭的时候届到了！！微微颤动就像是真的拿在手里的弹簧一样🙉！！！！ 这也太妙了

[edis0n0]

弹的太快了 60fps 屏幕有点头晕

[sayyiku]

爱了爱了

[MXXXXXS]

可爱滴捏~

[spacebound]

大佬又整新活了！

[ypzhou]

可以加个停止按钮 现在晃的脑袋都在晃

[zmqiang]

不知道能不能用加速度传感器，用陀螺仪有些时候晃动起来和常识不太一致

[moonkiller]

哈哈哈 好 Q 弹

[killva4624]

大佬太强了 wwww

[imklay]

好可爱哈哈哈

[SimleCp]

弹的我都麻了 哈哈

[Weyeeep]

这个岂不是可以来拿来当手机壁纸（可互动那种

[bomb77]

哈哈哈哈，可爱

[Sephirothictree]

hh 论整活，还得是卜卜口

[lefer]

什么垃圾项目？已经浪费我 10 分钟了。

我再弹一会儿就去上班！ doge

[tutustream]

哈哈哈，2 个同时显示就更好了

[ryougifujino]

这里也能看到蒜

[Itanium]

蒜必秒吻

[lvma0shu1gua1]

真不错，分享给同事了，要是有英语 readme 就更好了

[CrazyUniverse]

要是能做成本地程序放在桌面就更有意思了

[Felldeadbird]

太有弹性了。

[bwangel]

哈哈，太好玩了，已 star

[zakokun]

好活，当赏！

[xp1zzz]

好耶！

[beichenshao]

好好玩，收藏了

[hefang]

大佬的项目都好有意思！

[nyakoy]

op 的东西都贼有趣，已关注

[Highlight1024]

有振动就更好了😂

[exhades]

hhh 很有趣

[siweipancc]

好

[fatelight]

有点头晕 😄

[kangyan]

非常好工作，英雄联盟，爱来自瓷器❤️

[katfao]

很好玩

[codehz]

这个超高速微阻尼千束英文例 https://lab.magiconch.com/sakana/?inertia=0.7&decay=0.999&v=chisato&lang=en-US 没多久就飞没了（

[s60985545lwh]

很有意思，收藏了😄