爱意满满的作品展示区。
wsph123

🐟「Sakana!」石蒜模拟器

  wsph123 ·
itorr · Aug 24, 2022 · 9812 views
This topic created in 1538 days ago, the information mentioned may be changed or developed.

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

Supplement 1  ·  Aug 27, 2022

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

新功能

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

新增请求参数选项

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

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

组合参数例

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

我再弹一会儿就去上班! doge
tutustream
tutustream
Aug 25, 2022
44
哈哈哈,2 个同时显示就更好了
ryougifujino
ryougifujino
Aug 25, 2022
45
这里也能看到蒜
Itanium
Itanium
Aug 25, 2022
46
蒜必秒吻
lvma0shu1gua1
lvma0shu1gua1
Aug 25, 2022
47
真不错,分享给同事了,要是有英语 readme 就更好了
B3UzMhCd3dDvVVLa
B3UzMhCd3dDvVVLa
Aug 25, 2022
48
要是能做成本地程序放在桌面就更有意思了
Felldeadbird
Felldeadbird
Aug 25, 2022
49
太有弹性了。
bwangel
bwangel
Aug 25, 2022
50
哈哈,太好玩了,已 star
zakokun
zakokun
Aug 25, 2022
51
好活,当赏!
xp1zzz
xp1zzz
Aug 25, 2022
52
好耶!
beichenshao
beichenshao
Aug 25, 2022
53
好好玩,收藏了
hefang
hefang
Aug 26, 2022
54
大佬的项目都好有意思!
nyakoy
nyakoy
Aug 26, 2022
55
op 的东西都贼有趣,已关注
Highlight1024
Highlight1024
Aug 26, 2022
56
有振动就更好了😂
exhades
exhades
Aug 26, 2022
57
hhh 很有趣
siweipancc
siweipancc
Aug 27, 2022 via iPhone
58
好
pC0oc4EbCSsJUy4W
pC0oc4EbCSsJUy4W
Aug 27, 2022
59
有点头晕 😄
kangyan
kangyan
Aug 27, 2022
60
非常好工作,英雄联盟,爱来自瓷器❤️
katfao
katfao
Aug 27, 2022
61
很好玩
codehz
codehz
Aug 28, 2022
62
这个超高速微阻尼千束英文例 https://lab.magiconch.com/sakana/?inertia=0.7&decay=0.999&v=chisato&lang=en-US 没多久就飞没了(
s60985545lwh
s60985545lwh
Aug 28, 2022 via Android
63
很有意思,收藏了😄
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   933 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 162ms · UTC 20:42 · PVG 04:42 · LAX 12:42 · JFK 15:42
♥ Do have faith in what you're doing.