gsap

这是一款基于WebGL的漂亮背景图形动画特效。这些背景图形由Three.js创建，然后通过TweenMax来制作动画效果。 WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染

因为这次的公司改版专案大量使用 GSAP 的 ScrollTrigger 功能。由于 ScrollTrigger 主要的功能便是在侦测页面卷动行为，事实上和 AOS 做到的性质大同小异，而我在使用 AOS 时，用到的动画种类蛮固定的，因此决定直接用 ScrollTrigger 直接取代 AOS。 为了要确保页面宽度不会因为动画而被改变，因此通常会用一个区块来包覆要显示动画的区块，并加上 overflow: hidden; 的样式