请问各位大佬这网站是怎么实现的呀?感觉好神奇~
1
Ritter Mar 9, 2021
好玩
|
2
endershadow Mar 9, 2021
牛逼
|
3
cslive Mar 9, 2021
挺好玩的,可以画画
|
4
Leprax Mar 9, 2021
密集恐惧症预警 强迫症预警
|
5
cslive Mar 9, 2021
玩到最后才发现是个考拉
|
6
Peterey Mar 9, 2021 玩到一半发现是一只考拉,这个要是能自定义图片就超级牛逼了
|
7
liufish Mar 9, 2021
理论上是不是所有的图片都可以做成这样
|
8
sikariba Mar 9, 2021
好神奇
|
9
barrelsoil Mar 9, 2021
可以自定义图片
|
10
liyang5945 Mar 9, 2021
NB,感觉可以用来做博客头像之类的
|
11
kisshere Mar 9, 2021 上次看见这个特效的时候,秦始皇还没统一六国吧,我记得当时是一个 js 特效下载的网站提供的 demo,最终形成的是一个蒙娜丽莎的像素图
|
12
devwolf Mar 9, 2021
仿佛刮刮乐,svg 可以这样玩的嘛,我也要学
|
13
jfzhangak Mar 9, 2021
强迫症慎入,不划出全图 ,不全部划开的话 心里难受
|
14
SpringBlossom Mar 9, 2021
function basicLoad(location) {
var possible = ['koalas', 'koalas1', 'koalas2', 'koalas3']; var file = 'img/' + possible[Math.floor(Math.random() * possible.length)] + '.jpg' return { file: file, shownFile: location.protocol + '//' + location.host + location.pathname + file }; } 替换代码,应该就可以 |
15
zhaokun Mar 9, 2021
|
16
Pogbag Mar 9, 2021
强迫症患者的福音
|
17
Macv1994 OP |
19
Macv1994 OP |
21
tutustream Mar 9, 2021
都点完会跳出一个成就,大家加油!
|
22
YAR Mar 9, 2021
我还以为自己乱画画出了一只考拉, 后来才发现是底图
|
23
kop1989 Mar 9, 2021
|
24
copper20 Mar 9, 2021
f12 可看源码
|
25
Ginray Mar 9, 2021
哈哈,把考拉的图换成妹子的 QQ 头像,高中的时候我就用过这招了
|
26
chocovon Mar 9, 2021
按现在的技术,应该可以配合机器识图,玩“你刮我猜”了
|
27
imgbed Mar 9, 2021 |
28
chiu Mar 9, 2021
考拉:你在看什么。。。
|
29
HiShan Mar 9, 2021
哈哈哈 有意思
|
30
stephenxiaxy Mar 9, 2021
好家伙
|
31
zhangyangkam1 Mar 9, 2021
我记得之前碰到一个一样的网站,不过每次进去都是一张随机图片
|
32
hugsky Mar 9, 2021
验证码的新思路
|
35
itowei Mar 9, 2021
HTML 的网页特效,估计是作者展示特效用的
|
36
ethusdt Mar 9, 2021 |
37
KouShuiYu Mar 9, 2021
|
38
Phariel Mar 9, 2021 via iPhone
牛逼 冬天可以用这个迅速暖手 🐶
|
39
CallMeReznov Mar 9, 2021
|
40
RealKela Mar 9, 2021
浪费了我 10 分钟(ー ー;)
|
42
lyqqqq Mar 9, 2021
我以为刮完会提示你说 第 XXXX 名无聊的人。
结果是自定义图片 “Awesome stuff! Now make your own and share the link. Paste an image URL bellow and press enter.” |
43
rootmaster Mar 9, 2021
看来大家都是和我那么无聊,都这样搞出考拉
|
44
icyalala Mar 9, 2021
很早以前记得有个用 Adobe AIR 做的 iOS App 完全一致。。
|
45
Ultraman Mar 9, 2021 via Android
看域名啊兄弟们,koala
|
46
SbloodyS Mar 9, 2021
好玩
|
47
Macv1994 OP |
49
Macv1994 OP |
51
1507265844 Mar 9, 2021
页面缩小狂甩鼠标,一分钟搞定 /doge
|
52
18k Mar 9, 2021
竟然是考拉 最后不应该是一条鱼吗 真·摸鱼
|
53
consul Mar 9, 2021
还挺流畅
|
54
Biwood Mar 9, 2021 via iPhone
很多年前就有这效果了,用 D3.js ,页面底部有写
|
55
ksedz Mar 9, 2021
有刮刮乐的感觉
|
56
JoJoJoJ Mar 9, 2021 via iPhone
为啥我只看到个灰色圆圈,毫无互动
|
58
ZRS Mar 9, 2021
|
59
FieldYu Mar 9, 2021
|
60
orangeTop Mar 9, 2021
画多了 会卡
|
61
learningman Mar 9, 2021
@Macv1994 居然没关 autoindex,有点离谱
|
62
jfzhangak Mar 9, 2021
@barrelsoil 怎么实现替换自己想要的图片呢
|
63
gaigechunfeng Mar 9, 2021
我还是第一次见到。很好玩收藏了。
|
64
lizliz Mar 9, 2021
footer 里的 http://anniealbagli.com/打开吓我一跳,以为是鬼片
|
65
CantSee Mar 9, 2021
[]( https://imgtu.com/i/63l0oT)
|
66
awolfly9 Mar 9, 2021
借楼非前端问一下,这个项目要怎么启动呢?
clone 项目后,直接点击 index 提示找不到 文件。 Sorry, KoalsToTheMax could not load the image 'img/koalas1.jpg' |
67
phony2r Mar 9, 2021
用 svg 的话 dom 节点太多, 一些配置不好的机器可能会卡, 还是 canvas 性能好
|
68
onionKnight888 Mar 9, 2021
难受
|
69
silencelixing Mar 9, 2021
有没有大佬,搞出来一个可以显示任意图片的版本?
|
70
qdporter Mar 9, 2021
@silencelixing 本身就可以
|
71
Macv1994 OP @silencelixing 现在就可以 不过你要先把一张图画完 下面才会显示出来
|
72
coalo Mar 9, 2021 |
73
silencelixing Mar 9, 2021
@Macv1994 我画完了还是没有
|
74
silencelixing Mar 9, 2021
@jiurenbudai 怎么操作,画完吗
|
76
silencelixing Mar 9, 2021
|
79
zhangshaohan Mar 9, 2021
我太牛逼了,随手一画就画了个考拉😁
|
81
C0VN Mar 9, 2021
N 年前玩过的网站又被人挖出来了。。我记得是可以自定义图片的。划完后就有一个自定义图片 url 的地方出现了。
|
82
zgs1983 Mar 9, 2021
有点意思.
|
83
Hoshinokozo Mar 9, 2021
个人猜测,考拉图片是背景,圆圈更像是一个遮罩层。
可以反过来想,先准备一张图片,在上面生成一个遮罩层,遮罩层的每个像素点一开始是透明的,然后用鼠标的滑动事件设定通过某种算法生成 4 个更大的圆圈,如此往复,形成最开始的样子 |
84
jamme Mar 9, 2021
emmm...感觉类似于 MipMap~
|
85
beanrobbie Mar 9, 2021
哈哈,怎么都是考拉
|
87
Macv1994 OP @beanrobbie 看域名啊兄弟们,koala
|
88
linhongye Mar 9, 2021 via Android
池化
|
89
Latin Mar 9, 2021
|
90
KouShuiYu Mar 9, 2021
|
91
KouShuiYu Mar 9, 2021
|
92
lvwzhen Mar 9, 2021
这个古早网站有快十年了吧,记得上大学时就有了。
用 「 http://koalastothemax.com/?image_url 」的格式可以访问其他图片。 |
93
ganbuliao Mar 9, 2021
用的 d3 做的特效啊
|
94
fanjianhang Mar 9, 2021
治好了我的鼠标手~
|
95
adjusted Mar 9, 2021
|
96
Molita Mar 9, 2021
|
97
fgk Mar 9, 2021
我的风扇♾
|
98
GrayXu Mar 9, 2021
这不就是池化操作的反过程嘛
|
99
hive Mar 9, 2021
|
100
kuner0614 Mar 9, 2021
|