前端菜鸟,想知道这个网站效果是如何实现的。 - V2EX
kucy

前端菜鸟,想知道这个网站效果是如何实现的。

  •  
  •   kucy Jul 3, 2019 6187 views
    This topic created in 2505 days ago, the information mentioned may be changed or developed.
    34 replies    2019-09-28 02:00:37 +08:00
    shx1943
        1
    shx1943  
       Jul 3, 2019
    后端表示密集恐惧症很不舒服
    di1012
        2
    di1012  
       Jul 3, 2019
    看的恶心
    V2tizen
        3
    V2tizen  
       Jul 3, 2019
    一身鸡皮疙瘩 哈哈哈
    wolfan
        4
    wolfan  
       Jul 3, 2019   1
    最讨厌这种吃 CPU 的特效了。
    cheeto
        5
    cheeto  
       Jul 3, 2019
    一般这种要么是 webGL,要么就是 canvas
    Dogergo
        6
    Dogergo  
       Jul 3, 2019
    johnnyNg
        7
    johnnyNg  
       Jul 3, 2019
    webgl
    cheeto
        8
    cheeto  
       Jul 3, 2019
    @cheeto 可以看下 greensock.js 和 THREE.js 会有你想要的
    0x338
        9
    0x338  
       Jul 3, 2019
    threejs
    98jiang
        10
    98jiang  
       Jul 3, 2019
    看着不舒服。。。
    lizz666
        11
    lizz666  
       Jul 3, 2019
    我看有 canvas 标签
    murmur
        12
    murmur  
       Jul 3, 2019
    视觉恐惧症
    luob
        13
    luob  
       Jul 3, 2019
    body 下有一个 background portal,里面是个 canvas
    what runs 显示它用了 TweenMax
    Destiny97
        14
    Destiny97  
       Jul 3, 2019 via Android
    看着不舒服
    aulay
        15
    aulay  
       Jul 3, 2019 via Android
    aulay
        16
    aulay  
       Jul 3, 2019 via Android
    好丑
    ashong
        17
    ashong  
       Jul 3, 2019
    奇技淫巧
    loading
        18
    loading  
       Jul 3, 2019 via Android
    这行是最没技术含量的,因为很多就是直接下载的代码。
    loading
        19
    loading  
       Jul 3, 2019 via Android
    这些背景动画效果,很多现成的。
    rabbbit
        20
    rabbbit  
       Jul 3, 2019
    这种一般是 WebGL 写的,这里有很多.
    https://www.shadertoy.com/
    Senventise
        21
    Senventise  
       Jul 3, 2019 via Android
    引起不适…
    rabbbit
        22
    rabbbit  
       Jul 3, 2019
    又看了下,不像纯 shader.估计是在 Three.js 塞图片然后做变换.
    cnzzz
        23
    cnzzz  
       Jul 3, 2019
    很不舒服的感觉
    cheeto
        24
    cheeto  
       Jul 3, 2019   2
    我又仔细看了一下,发现大家都把重点放在首屏的背景上了,其实不然,https://madeinhaus.com/studio 关于公司员工介绍页的具体实现就很值得推敲,很多动画效果并非“开箱即用”,并不同意楼上 说的这行是最没技术含量的,此外我也查了一下这家公司,是一家创意公司,与 网飞,推特等很多国际大厂有过合作,怎么可能会给你现成的动画效果让你用?不要见了几个人的博客从网上扒几个 canvas 当背景就认为很容易做了,设计师的思路并没有现成的
    botian
        25
    botian  
       Jul 3, 2019 via Android
    尼玛,看图吐了
    wplct
        26
    wplct  
       Jul 4, 2019
    @cheeto #24 然后做了这么恶心人的效果么
    Trim21
        27
    Trim21  
       Jul 4, 2019
    挺有意思的...
    wingkai
        28
    wingkai  
       Jul 4, 2019 via iPhone
    这种抽象的万花筒背景,自己从零写的话,所需要的知识可以说基本脱离前端范畴
    jucelin
        29
    jucelin  
       Jul 4, 2019
    @cheeto #24 赞同。
    https://madeinhaus.com/work
    这里有大图,可能改善点。
    https://madeinhaus.com/studio
    这个页面的很多动效很有设计感。
    Heanes
        30
    Heanes  
       Jul 4, 2019
    有点炫酷
    jkmf
        31
    jkmf  
       Jul 4, 2019
    TweenMax
    wyz123723
        32
    wyz123723  
       Jul 10, 2019
    恶心死我了
    kucy
        33
    kucy  
    OP
       Jul 11, 2019
    感谢大佬们的反馈。我决定买把刀砍死我们的 UI 了
    lucky1990
        34
    lucky1990  
       Sep 28, 2019
    恶心死我了
    About     Help     Advertise     Blog     API     FAQ     Solana     2649 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 90ms UTC 16:01 PVG 00:01 LAX 09:01 JFK 12:01
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86