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