Macv1994
V2EX  ›  问与答

瞎逛逛发现一个神奇的网站

  •  3
     
  •   Macv1994 · Mar 9, 2021 · 21365 views
    This topic created in 2066 days ago, the information mentioned may be changed or developed.

    http://koalastothemax.com/

    请问各位大佬这网站是怎么实现的呀?感觉好神奇~

    122 replies  •  2021-03-23 17:00:35 +08:00
    1  2  
    ❮ ❯
    Ritter
    Ritter
    Mar 9, 2021
    1
    好玩
    endershadow
    endershadow
    Mar 9, 2021
    2
    牛逼
    cslive
    cslive
    Mar 9, 2021
    3
    挺好玩的,可以画画
    Leprax
    Leprax
    Mar 9, 2021
    4
    密集恐惧症预警 强迫症预警
    cslive
    cslive
    Mar 9, 2021
    5
    玩到最后才发现是个考拉
    Peterey
    Peterey
    Mar 9, 2021❤️3
    6
    玩到一半发现是一只考拉,这个要是能自定义图片就超级牛逼了
    liufish
    liufish
    Mar 9, 2021
    7
    理论上是不是所有的图片都可以做成这样
    sikariba
    sikariba
    Mar 9, 2021
    8
    好神奇
    barrelsoil
    barrelsoil
    Mar 9, 2021
    9
    可以自定义图片
    liyang5945
    liyang5945
    Mar 9, 2021
    10
    NB,感觉可以用来做博客头像之类的
    kisshere
    kisshere
    Mar 9, 2021❤️3
    11
    上次看见这个特效的时候,秦始皇还没统一六国吧,我记得当时是一个 js 特效下载的网站提供的 demo,最终形成的是一个蒙娜丽莎的像素图
    devwolf
    devwolf
    Mar 9, 2021
    12
    仿佛刮刮乐,svg 可以这样玩的嘛,我也要学
    jfzhangak
    jfzhangak
    Mar 9, 2021
    13
    强迫症慎入,不划出全图 ,不全部划开的话 心里难受
    SpringBlossom
    SpringBlossom
    Mar 9, 2021
    14
    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
    };
    }
    替换代码,应该就可以
    zhaokun
    zhaokun
    Mar 9, 2021
    15
    https://i.loli.net/2021/03/09/haw5zUltprf96Kj.png
    画到这地方卡住了,没反应
    Pogbag
    Pogbag
    Mar 9, 2021
    16
    强迫症患者的福音
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    17
    @Ritter
    @endershadow
    @cslive 哈哈哈哈 确实很好玩 我也玩了很久 就是想知道实现原理
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    18
    @cslive
    @Peterey 这个应该是宣传保护考拉的网站
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    19
    @sikariba
    @liyang5945
    @devwolf 是啊 我也感觉好神奇
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    20
    @Leprax
    @jfzhangak
    @Pogbag 哈哈哈哈 我也是强迫症之一
    tutustream
    tutustream
    Mar 9, 2021
    21
    都点完会跳出一个成就,大家加油!
    YAR
    YAR
    Mar 9, 2021
    22
    我还以为自己乱画画出了一只考拉, 后来才发现是底图
    copper20
    copper20
    Mar 9, 2021
    24
    f12 可看源码
    Ginray
    Ginray
    Mar 9, 2021
    25
    哈哈,把考拉的图换成妹子的 QQ 头像,高中的时候我就用过这招了
    chocovon
    chocovon
    Mar 9, 2021
    26
    按现在的技术,应该可以配合机器识图,玩“你刮我猜”了
    chiu
    chiu
    Mar 9, 2021
    28
    考拉:你在看什么。。。
    HiShan
    HiShan
    Mar 9, 2021
    29
    哈哈哈 有意思
    stephenxiaxy
    stephenxiaxy
    Mar 9, 2021
    30
    好家伙
    zhangyangkam1
    zhangyangkam1
    Mar 9, 2021
    31
    我记得之前碰到一个一样的网站,不过每次进去都是一张随机图片
    hugsky
    hugsky
    Mar 9, 2021
    32
    验证码的新思路
    Leox0607
    Leox0607
    Mar 9, 2021
    33
    @imgbed hhh
    Macv1994
    Macv1994
    OP
    Mar 9, 2021 via Android
    34
    @HiShan 哈哈哈哈😄强迫症患者福音 摸鱼又多了一个站点
    itowei
    itowei
    Mar 9, 2021
    35
    HTML 的网页特效,估计是作者展示特效用的
    ethusdt
    ethusdt
    Mar 9, 2021❤️2
    36


    我是有多无聊..

    M1 无压力
    Phariel
    Phariel
    Mar 9, 2021 via iPhone
    38
    牛逼 冬天可以用这个迅速暖手 🐶
    CallMeReznov
    CallMeReznov
    Mar 9, 2021
    39
    爷回青,GGMM 们都再网上冲浪吗
    RealKela
    RealKela
    Mar 9, 2021
    40
    浪费了我 10 分钟(ー ー;)
    crab
    crab
    Mar 9, 2021
    41
    @Peterey 底部不是可以输入图片链接吗
    lyqqqq
    lyqqqq
    Mar 9, 2021
    42
    我以为刮完会提示你说 第 XXXX 名无聊的人。
    结果是自定义图片
    “Awesome stuff! Now make your own and share the link.
    Paste an image URL bellow and press enter.”
    rootmaster
    rootmaster
    Mar 9, 2021
    43
    看来大家都是和我那么无聊,都这样搞出考拉
    icyalala
    icyalala
    Mar 9, 2021
    44
    很早以前记得有个用 Adobe AIR 做的 iOS App 完全一致。。
    Ultraman
    Ultraman
    Mar 9, 2021 via Android
    45
    看域名啊兄弟们,koala
    SbloodyS
    SbloodyS
    Mar 9, 2021
    46
    好玩
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    47
    @chiu 我在看这个强迫症长啥样 哈哈哈

    @Phariel 春天来了 冬天还会远吗?

    @RealKela 手速不行啊 大兄弟 hhh

    @SbloodyS 哈哈哈 看到各位玩的这么开心 我的分享才有意义

    @Ultraman 嗯 应该是个宣传考拉保护的网站吧
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    48
    @crab 哪里啊 没看到呀
    Macv1994
    Macv1994
    OP
    Mar 9, 2021❤️1
    49
    crab
    crab
    Mar 9, 2021
    50
    @Macv1994 操作完一次后,下面就会出现一个图片链接输入框。
    1507265844
    1507265844
    Mar 9, 2021
    51
    页面缩小狂甩鼠标,一分钟搞定 /doge
    18k
    18k
    Mar 9, 2021
    52
    竟然是考拉 最后不应该是一条鱼吗 真·摸鱼
    consul
    consul
    Mar 9, 2021
    53
    还挺流畅
    Biwood
    Biwood
    Mar 9, 2021 via iPhone
    54
    很多年前就有这效果了,用 D3.js ,页面底部有写
    ksedz
    ksedz
    Mar 9, 2021
    55
    有刮刮乐的感觉
    JoJoJoJ
    JoJoJoJ
    Mar 9, 2021 via iPhone
    56
    为啥我只看到个灰色圆圈,毫无互动
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    57
    @JoJoJoJ 鼠标移到圆圈上
    orangeTop
    orangeTop
    Mar 9, 2021
    60
    画多了 会卡
    learningman
    learningman
    Mar 9, 2021
    61
    @Macv1994 居然没关 autoindex,有点离谱
    jfzhangak
    jfzhangak
    Mar 9, 2021
    62
    @barrelsoil 怎么实现替换自己想要的图片呢
    gaigechunfeng
    gaigechunfeng
    Mar 9, 2021
    63
    我还是第一次见到。很好玩收藏了。
    awolfly9
    awolfly9
    Mar 9, 2021
    66
    借楼非前端问一下,这个项目要怎么启动呢?
    clone 项目后,直接点击 index 提示找不到 文件。

    Sorry, KoalsToTheMax could not load the image 'img/koalas1.jpg'
    phony2r
    phony2r
    Mar 9, 2021
    67
    用 svg 的话 dom 节点太多, 一些配置不好的机器可能会卡, 还是 canvas 性能好
    onionKnight888
    onionKnight888
    Mar 9, 2021
    68
    难受
    silencelixing
    silencelixing
    Mar 9, 2021
    69
    有没有大佬,搞出来一个可以显示任意图片的版本?
    qdporter
    qdporter
    Mar 9, 2021
    70
    @silencelixing 本身就可以
    Macv1994
    Macv1994
    OP
    Mar 9, 2021
    71
    @silencelixing 现在就可以 不过你要先把一张图画完 下面才会显示出来
    silencelixing
    silencelixing
    Mar 9, 2021
    73
    @Macv1994 我画完了还是没有
    silencelixing
    silencelixing
    Mar 9, 2021
    74
    @jiurenbudai 怎么操作,画完吗
    qiqi669
    qiqi669
    Mar 9, 2021
    75
    @Leprax 啥强迫症预警,强迫症不会有任何不舒服。这个东西和强迫症没关系
    silencelixing
    silencelixing
    Mar 9, 2021
    76
    @jiurenbudai
    @Macv1994
    还真可以,一个点都不能留,出现了!
    Leprax
    Leprax
    Mar 9, 2021
    77
    @xuAN111 可不止我说强迫症呢
    qiqi669
    qiqi669
    Mar 9, 2021
    78
    @Leprax 嗯,我指的是强迫症
    zhangshaohan
    zhangshaohan
    Mar 9, 2021
    79
    我太牛逼了,随手一画就画了个考拉😁
    ppxppx
    ppxppx
    Mar 9, 2021 via Android
    80
    @Peterey 全部画完就可以粘贴图片链接生成了
    C0VN
    C0VN
    Mar 9, 2021
    81
    N 年前玩过的网站又被人挖出来了。。我记得是可以自定义图片的。划完后就有一个自定义图片 url 的地方出现了。
    zgs1983
    zgs1983
    Mar 9, 2021
    82
    有点意思.
    Hoshinokozo
    Hoshinokozo
    Mar 9, 2021
    83
    个人猜测,考拉图片是背景,圆圈更像是一个遮罩层。

    可以反过来想,先准备一张图片,在上面生成一个遮罩层,遮罩层的每个像素点一开始是透明的,然后用鼠标的滑动事件设定通过某种算法生成 4 个更大的圆圈,如此往复,形成最开始的样子
    jamme
    jamme
    Mar 9, 2021
    84
    emmm...感觉类似于 MipMap~
    beanrobbie
    beanrobbie
    Mar 9, 2021
    85
    哈哈,怎么都是考拉
    a0000
    a0000
    Mar 9, 2021 via Android
    86
    @YAR 笑死我了。。233
    Macv1994
    Macv1994
    OP
    Mar 9, 2021 via Android
    87
    @beanrobbie 看域名啊兄弟们,koala
    linhongye
    linhongye
    Mar 9, 2021 via Android
    88
    池化
    Latin
    Latin
    Mar 9, 2021
    89
    lvwzhen
    lvwzhen
    Mar 9, 2021
    92
    这个古早网站有快十年了吧,记得上大学时就有了。
    用 「 http://koalastothemax.com/?image_url 」的格式可以访问其他图片。
    ganbuliao
    ganbuliao
    Mar 9, 2021
    93
    用的 d3 做的特效啊
    fanjianhang
    fanjianhang
    Mar 9, 2021
    94
    治好了我的鼠标手~
    fgk
    fgk
    Mar 9, 2021
    97
    我的风扇♾
    GrayXu
    GrayXu
    Mar 9, 2021
    98
    这不就是池化操作的反过程嘛
    hive
    hive
    Mar 9, 2021
    99
    下方这个链接点进去好阴森啊,生怕有个戴着类似哥布林大鼻子面具的人跳出来
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2538 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 174ms · UTC 14:54 · PVG 22:54 · LAX 06:54 · JFK 09:54
    ♥ Do have faith in what you're doing.