TweenJs之多段动画

TweenJs之多段动画

引入：

import TWEEN from 'tween' 

代码：（示例为cesium的entity动画）

        var option = { ratio:0 }//系数

        var tween =  new TWEEN.Tween(option)

        .to({ratio:44},100)

        .start()

        .onUpdate(() => {

            // 编写代码修改对象参数，option.ratio等为动态插值

            entit.billboard.width = option.ratio

            entit.billboard.height = option.ratio

        })

        function animate() {

            requestAnimationFrame(animate);

            TWEEN.update();

        }

        animate()

 

 

钻研不易，转载请注明出处。。。。。。