ThreeJs/TweenJS使用for循环在补间之间添加延迟

// 导入Three.js和Tween.js的库文件

// 创建场景和相机，并添加到渲染器中

// 创建需要进行补间动画的对象

// 创建补间动画对象
var tween = new TWEEN.Tween(object.position)
    .to({ x: 100, y: 200, z: 300 }, 1000) // 设置动画的目标值和持续时间
    .delay(500) // 设置动画的延迟时间

// 启动动画
tween.start();

// 使用for循环创建多个补间动画对象，并设置不同的延迟时间
for (var i = 0; i < 5; i++) {
    var delay = i * 500; // 根据索引计算延迟时间

    var tween = new TWEEN.Tween(object.position)
        .to({ x: 100, y: 200, z: 300 }, 1000)
        .delay(delay);

    tween.start();
}

// 渲染场景
function animate() {
    requestAnimationFrame(animate);

    TWEEN.update(); // 更新补间动画

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