补间动画

官网

gsap官网

安装

npm i gsap

使用

gsap可以用于所有支持使用的，想要动画的场景

// 其他代码省略
import gsap from "gsap";

gsap.to(cube.position, {x: 5, duration: 5});

// 第一个参数是想要控制的项，第二个参数是一个对象，包括控制项的属性以及多长时间完成该动画。

// 使用渲染器，通过相机将场景渲染进来
renderer.render(scene, camera);

function animate() {
  controls.update();

  requestAnimationFrame( animate );

  renderer.render( scene, camera );
}

animate();