旋转到其他面的立方体不能使用three.js设置动画

// 创建一个立方体对象
var cube = new THREE.Mesh(
  new THREE.BoxGeometry(1, 1, 1),
  new THREE.MeshBasicMaterial({ color: 0x00ff00 })
);
cube.position.set(0, 0, 0);
scene.add(cube);

// 设置立方体的初始旋转角度
cube.rotation.set(0, 0, 0);

// 创建Tween对象，指定目标旋转角度和动画持续时间
var targetRotation = Math.PI / 2; // 目标旋转角度为90度
var duration = 1000; // 动画持续时间为1秒
var tween = new TWEEN.Tween(cube.rotation)
  .to({ y: targetRotation }, duration)
  .easing(TWEEN.Easing.Quadratic.Out);

// 开始动画效果
tween.start();

// 更新动画
function animate() {
  requestAnimationFrame(animate);
  TWEEN.update();
  // 其他渲染和更新逻辑
}
animate();