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

菜鸟

前端

网站

效果

34 条回复 • 2019-09-28 02:00:37 +08:00

1

shx1943

2019-07-03 17:42:09 +08:00

后端表示密集恐惧症很不舒服

2

di1012

2019-07-03 17:43:13 +08:00

看的恶心

3

V2tizen

2019-07-03 17:44:41 +08:00

一身鸡皮疙瘩哈哈哈

4

wolfan

2019-07-03 17:46:32 +08:00

1

最讨厌这种吃 CPU 的特效了。

5

cheeto

2019-07-03 17:51:05 +08:00

一般这种要么是 webGL，要么就是 canvas

6

Dogergo

2019-07-03 17:51:06 +08:00

呕

7

johnnyNg

2019-07-03 17:53:55 +08:00

webgl

8

cheeto

2019-07-03 17:54:39 +08:00

@cheeto 可以看下 greensock.js 和 THREE.js 会有你想要的

9

0x338

2019-07-03 18:00:39 +08:00

threejs

10

98jiang

2019-07-03 18:14:03 +08:00

看着不舒服。。。

11

lizz666

2019-07-03 18:20:18 +08:00

我看有 canvas 标签

12

murmur

2019-07-03 18:22:59 +08:00

视觉恐惧症

13

luob

2019-07-03 18:27:30 +08:00

body 下有一个 background portal，里面是个 canvas
what runs 显示它用了 TweenMax

14

Destiny97

2019-07-03 20:42:53 +08:00 via Android

看着不舒服

15

aulay

2019-07-03 20:49:37 +08:00 via Android

呕

16

aulay

2019-07-03 20:49:48 +08:00 via Android

好丑

17

ashong

2019-07-03 20:51:11 +08:00

奇技淫巧

18

loading

2019-07-03 20:58:28 +08:00 via Android

这行是最没技术含量的，因为很多就是直接下载的代码。

19

loading

2019-07-03 20:58:53 +08:00 via Android

这些背景动画效果，很多现成的。

20

rabbbit

2019-07-03 21:38:47 +08:00

这种一般是 WebGL 写的,这里有很多.
https://www.shadertoy.com/

21

Senventise

2019-07-03 21:41:25 +08:00 via Android

引起不适…

22

rabbbit

2019-07-03 21:43:15 +08:00

又看了下,不像纯 shader.估计是在 Three.js 塞图片然后做变换.

23

cnzzz

2019-07-03 21:50:43 +08:00

很不舒服的感觉

24

cheeto

2019-07-03 22:36:16 +08:00

2

我又仔细看了一下，发现大家都把重点放在首屏的背景上了，其实不然，https://madeinhaus.com/studio 关于公司员工介绍页的具体实现就很值得推敲，很多动画效果并非“开箱即用”，并不同意楼上说的这行是最没技术含量的，此外我也查了一下这家公司，是一家创意公司，与网飞，推特等很多国际大厂有过合作，怎么可能会给你现成的动画效果让你用？不要见了几个人的博客从网上扒几个 canvas 当背景就认为很容易做了，设计师的思路并没有现成的