javascript - 请问这个网站的效果怎么实现的？

Question

网址：http://brightmedia.pl/?lang=en&site=intro

就是当我鼠标滚轮滑动的时候 页面中的线条会伸长 流动 我想知道这些效果的原理

Answer 1

这个网站好棒！

F12看下的话，如上图，是这样：3个position: fixed;的<canvas>元素随时占据视野范围内可见的空间。所以整个过程是，根据页面滚动的位置，控制<canvas>里的绘图。

具体canvas的绘图方法就请查看相应的教程了。

Answer 2

好棒唉的网站。。

Answer 3

外国人就是会玩，设计也不错。一般这样的实现都用滚屏插件，实现也很简单，关键还是看设计和创意。
这个网站的实现蛮有创新的，使用了canvas，效果可能更多，但流畅性会差一些。编程也会各种麻烦。