three.js数据更新

在 three.js 中更新数据通常有两种方式：

1. 直接修改数据
可以通过修改 geometry、material、texture 等属性来更新数据。例如，如果要修改一个 SphereGeometry 的半径，可以直接修改 geometry 的 radius 属性，然后使用 geometry.verticesNeedUpdate = true 标记需要更新顶点数据。

2. 重新创建数据
如果直接修改数据比较困难，或者需要大量更新，可以考虑重新创建数据。例如，如果要更新一个 SphereGeometry 的分段数，可以先创建一个新的 SphereGeometry，然后将原来的 geometry 替换为新的 geometry。

无论是直接修改数据还是重新创建数据，都需要在每次更新后调用 renderer 的 render 方法来重新渲染场景。

示例代码：

// 直接修改数据
const geometry = new THREE.SphereGeometry(1, 32, 32);
geometry.verticesNeedUpdate = true;
geometry.radius = 2;
renderer.render(scene, camera);

// 重新创建数据
const geometry = new THREE.SphereGeometry(2, 64, 64);
mesh.geometry.dispose();
mesh.geometry = geometry;
renderer.render(scene, camera);