如何使用THREE.JS向3d汽车模型添加一些平滑过渡？

<script src="https://cdn.jsdelivr.net/npm/three@0.132.2/build/three.min.js"></script>
<script src="path/to/your/model.js"></script>

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

var loader = new THREE.JSONLoader();
loader.load('path/to/your/car.json', function(geometry, materials) {
  var material = new THREE.MeshFaceMaterial(materials);
  var car = new THREE.Mesh(geometry, material);
  scene.add(car);
});

var keyframes = [
  { position: new THREE.Vector3(0, 0, 0), rotation: new THREE.Euler(0, 0, 0) },
  { position: new THREE.Vector3(5, 0, 0), rotation: new THREE.Euler(0, Math.PI / 2, 0) },
  { position: new THREE.Vector3(5, 5, 0), rotation: new THREE.Euler(0, Math.PI, 0) },
  { position: new THREE.Vector3(0, 5, 0), rotation: new THREE.Euler(0, -Math.PI / 2, 0) },
  { position: new THREE.Vector3(0, 0, 0), rotation: new THREE.Euler(0, 0, 0) }
];

var duration = 5; // 动画持续时间（秒）
var interpolation = THREE.InterpolateSmooth; // 平滑插值器

var animate = function() {
  var time = Date.now() * 0.001 % duration;
  var keyframe = Math.floor(time / duration * keyframes.length);
  var nextKeyframe = (keyframe + 1) % keyframes.length;

  var position = keyframes[keyframe].position;
  var nextPosition = keyframes[nextKeyframe].position;

  var rotation = keyframes[keyframe].rotation;
  var nextRotation = keyframes[nextKeyframe].rotation;

  car.position.copy(position).lerp(nextPosition, interpolation(time / duration));
  car.rotation.copy(rotation).slerp(nextRotation, interpolation(time / duration));

  requestAnimationFrame(animate);
  renderer.render(scene, camera);
};

animate();