「Sakana!」石蒜模拟器

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1145 天前的主题，其中的信息可能已经有所发展或是发生改变。

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，开心能有这么多人来玩儿 ~~（明明转发数少的可怜~~

新功能

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

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

新增请求参数选项

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

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

组合参数例

请求

参数

sakana

插画

63 条回复 2022-08-28 09:23:41 +08:00

xrr2016

2022-08-24 18:00:36 +08:00

已 star

vlgs

2022-08-24 18:02:34 +08:00

op 做的东西很有意思支持

magicZ

2022-08-24 18:04:16 +08:00

好，star

subframe75361

2022-08-24 18:09:00 +08:00

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

weichengwu

2022-08-24 18:21:59 +08:00

可以弄成动态桌面就好了

mxT52CRuqR6o5

2022-08-24 18:28:16 +08:00 via Android

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

wsph123

2022-08-24 18:35:25 +08:00

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

wsph123

2022-08-24 18:36:52 +08:00

@xrr2016 好耶(ω)
@vlgs 开心||*~●
@magicZ ψ(｀)ψ
@subframe75361 我去研究研究怎么做视频

wsph123

2022-08-24 18:38:00 +08:00

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

mxT52CRuqR6o5

2022-08-24 18:51:17 +08:00

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

mxT52CRuqR6o5

2022-08-24 18:52:57 +08:00

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

Noicdi

2022-08-24 19:02:17 +08:00 via iPhone

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

wsph123

2022-08-24 19:05:30 +08:00 via iPhone

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

wsph123

2022-08-24 19:06:19 +08:00 via iPhone

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

wsph123

2022-08-24 19:07:35 +08:00 via iPhone

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

lzgshsj

2022-08-24 19:11:34 +08:00

好哦，大佬又出新玩具了

dudu2017

2022-08-24 19:22:04 +08:00 via iPhone

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

dudu2017

2022-08-24 19:26:21 +08:00 via iPhone

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

Constantping

2022-08-24 19:28:27 +08:00

@dudu2017 石蒜（名：Lycoris radiata ，加「 radiata 」意「放射的」），原自中、及尼泊，在中又名爪花、蟑螂花、一枝箭和彼岸花

jdjingdian

2022-08-24 19:30:19 +08:00

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

subframe75361

2022-08-24 19:31:30 +08:00

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

Noicdi

2022-08-24 19:33:30 +08:00 via iPhone

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

zhouyg

2022-08-24 19:51:58 +08:00

谜之动感

wsph123

2022-08-24 20:07:22 +08:00

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

EridanusSora

2022-08-24 21:59:58 +08:00 via Android

好弹

zthxxx

2022-08-24 22:07:46 +08:00

好

love4taylor

PRO

2022-08-24 22:18:30 +08:00

好活当赏

x86

2022-08-25 00:24:16 +08:00 via iPhone

@jdjingdian 跟我想的一模一样

wsph123

2022-08-25 00:48:45 +08:00

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

edis0n0

2022-08-25 01:07:51 +08:00

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

sayyiku

2022-08-25 08:26:25 +08:00

爱了爱了

&bsp; 32

MXXXXXS

2022-08-25 08:43:50 +08:00

可爱滴捏~

spacebound

2022-08-25 09:45:17 +08:00

大佬又整新活了！

iiqiu

2022-08-25 10:08:01 +08:00

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

zmqiang

2022-08-25 10:08:41 +08:00

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

moonkiller

2022-08-25 10:19:25 +08:00

哈哈哈好 Q 弹

killva4624

2022-08-25 10:29:46 +08:00

大佬太强了 wwww

imklay

2022-08-25 11:15:17 +08:00

好可爱哈哈哈

PinkStarrySky

2022-08-25 11:39:21 +08:00

弹的我都麻了哈哈

Weyeeep

2022-08-25 12:02:25 +08:00 via Android

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

bomb77

2022-08-25 12:09:44 +08:00

哈哈哈哈，可爱

Sephirothictree

2022-08-25 13:43:17 +08:00

hh 论整活，还得是卜卜口

lefer

2022-08-25 14:11:20 +08:00

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

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

tutustream

2022-08-25 14:14:41 +08:00

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

ryougifujino

2022-08-25 14:21:54 +08:00

这里也能看到蒜

Itanium

2022-08-25 14:23:30 +08:00

蒜必秒吻

lvma0shu1gua1

2022-08-25 14:23:58 +08:00

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

B3UzMhCd3dDvVVLa

2022-08-25 14:57:23 +08:00

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

Felldeadbird

2022-08-25 15:10:04 +08:00

太有弹性了。

bwangel

2022-08-25 15:20:37 +08:00

哈哈，太好玩了，已 star

zakokun

2022-08-25 15:23:06 +08:00

好活，当赏！

xp1zzz

2022-08-25 16:03:06 +08:00

好耶！

beichenshao

2022-08-25 18:13:47 +08:00

好好玩，收藏了

hefang

2022-08-26 09:50:51 +08:00

大佬的项目都好有意思！

nyakoy

2022-08-26 10:26:39 +08:00

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

Highlight1024

2022-08-26 15:26:21 +08:00

有振动就更好了

exhades

2022-08-26 23:07:30 +08:00

hhh 很有趣

siweipancc

2022-08-27 10:39:26 +08:00 via iPhone

好

pC0oc4EbCSsJUy4W

2022-08-27 14:44:36 +08:00

有点头晕

kangyan

2022-08-27 18:16:29 +08:00

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

katfao

2022-08-27 18:53:30 +08:00

很好玩

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

2022-08-28 09:23:41 +08:00 via Android

很有意思，收藏了