tweenjs的初次使用

2020-08-05  本文已影响0人  凉城十月

实现一些更为平滑的欢动效果。
使用:
1.先去cdn找到tweenjs的引用链接和安装包。

function animate(time){
  requestAnimationFrame(animate)
  TWEEN.update(time)
}
requestAnimationFrame(animate)

3.使用:

const coords = {x: 0,y: 0}
const tween = new TWEEN.Tween(coords)
                      .to({x: 300, y: 200 }, 1000)
                      .easing(TWEEN.Easing.Quadratic.Out)
                      .onUpdate( ()=>{
                                  //操作语句
                       })
                       .start()
上一篇下一篇

猜你喜欢

热点阅读