three.js使用instanceMesh 创建几何体 可以实现单个运动的效果吗

are1314921

three.js使用instanceMesh 创建几何体 可以实现单个运动的效果吗？
代码如下

[JavaScript] 纯文本查看 复制代码

// 创建instanceMesh和几何体
const instanceMesh = new THREE.InstancedMesh(geometry, material, numInstances);
scene.add(instanceMesh);

// 定义动画
const startPosition = { x: 0, y: 0, z: 0 };
const endPosition = { x: 2, y: 2, z: 2 };
const tween = new TWEEN.Tween(startPosition)
  .to(endPosition, 1000) // 持续时间（毫秒）
  .onUpdate(() => {
    // 在每一帧更新instanceMesh中每个实例的位置
    for (let i = 0; i < numInstances; i++) {
      instanceMesh.setMatrixAt(i, new THREE.Matrix4().makeTranslation(startPosition.x, startPosition.y, startPosition.z));
    }
    instanceMesh.instanceMatrix.needsUpdate = true; // 标记实例矩阵需要更新
  })
  .start();

// 控制动画
tween.start(); // 开始动画
tween.pause(); // 暂停动画
tween.resume(); // 恢复动画
tween.setTimeScale(2); // 设置动画速度
tween.stop(); // 停止动画