gsap的简单使用

1. 安装gsap

npm install gsap

2、引入GSAP

import gsap from "gsap"

3、简单应用

let anima = gsap.to(cube.rotation,{x:2*Math.PI/4,duration:2,ease:"power2.in",

    onStart:()=>{

        console.log("这是一个动画开始的回调函数");

    },

    onComplete:()=>{

console.log("，这是一个动画完成后的回调函数");

}})
可以看到：gsap.to（）是一个有返回值得函数，函数的参数是下面的介绍
参数：cube.rotation，cube是一个物体，第一个参数是这个物体的位置属性。
    第二个参数是一个对象{}
    对象里面：x:2*Math.PI/4是第一个参数的X坐标值属性。
            duration:5，动画的时间。
            ease:"power2.in"动画的完成曲线，可以到gsap官网查看相关参数
            onStart：（）：动画开始的回调函数
            onComplete：（）：动画完成的回调函数
 anima：这是gsap.to()的返回值，是一个对象，可以打印这个对象看到，这个对象也有很多属性和方法。    
     anima.isActive()：这是对象的一个方法，通过此函数对象真假。判断动画是否在执行
     anima.pause()：让动画停止
     anima.resume()：让动画运行。

万物皆对象，对象里面包含对象的属性和对象的方法。