美文网首页
tweenjs的初次使用

tweenjs的初次使用

作者: 凉城十月 | 来源:发表于2020-08-05 08:47 被阅读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()

    相关文章

      网友评论

          本文标题:tweenjs的初次使用

          本文链接:https://www.haomeiwen.com/subject/rqqlrktx.html