我发现了一个非常酷炫的网站，怎么知道他是怎么实现的呢？

Question

https://www.powerhouse-company.com/
上面是这个网站的地址，看上去是荷兰的一家公司（https://www.buildinamsterdam.com/）制作的这个网页，很好奇他是如何实现的呢？使用了某种游戏框架？还是单纯用ThreeJs徒手撸出来的？

Answer 1

右键检查，可以看到首页是个 canvas，做了个光标反馈的视差效果
点击图片有个转场，就是两个页面 opacity 的改变
之后就是普通的 html + css + js 了，只有个平滑滚动

Answer 2

这是它用到的库。基本上是运用各种插件库来实现，页面的效果都可以找到插件实现，也可自己实现，自然造轮子是没有必要的。
创意确实不错。

Answer 3

gsap + scrollmagic 就可以了.

1. LOGO 文字动画
2. 图片 stagger 动画
3. 鼠标移动与中心点的偏移, 设置容易偏移. 滚动放大缩小
4. 点击图片. 其余图片渐隐, 随后做下一个转场动画, 用 scrollmagic 来做

Answer 4

Answer 5

three.js 官网有这种类似的例子~