function createLine() { const geometry = new THREE.Geometry(); geometry.vertices.push(new THREE.Vector3(-1, -1, 0)); geometry.vertices.push(new THREE.Vector3(1, 1, 0)); const line = new THREE.Line(geometry, lineMaterial); scene.add(line); }把他改成buffergeomery

可以将上述代码改为使用 BufferGeometry 实现：

function createLine() {
  const geometry = new THREE.BufferGeometry();
  const vertices = new Float32Array([-1, -1, 0, 1, 1, 0]);
  geometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
  const line = new THREE.Line(geometry, lineMaterial);
  scene.add(line);
}

这里我们使用了 Float32Array 作为顶点数据类型，并将其设置为 BufferAttribute，然后将其作为 position 属性添加到 BufferGeometry 中。最后，我们使用 BufferGeometry 创建 Line 对象，并将其添加到场景中。