threejs用已知的xy坐标点位连接成线段

在Three.js中，可以使用THREE.Line类来创建线段。要创建一个线段，需要提供一个几何体（geometry）和一个材质（material）。对于你提到的已知的xy坐标点位，可以将它们存储在一个数组中，然后使用THREE.BufferGeometry类来创建几何体。具体步骤如下：

1. 创建一个数组，存储所有的点位坐标，例如：

var points = [
  new THREE.Vector3(0, 0, 0),
  new THREE.Vector3(10, 0, 0),
  new THREE.Vector3(10, 10, 0),
  new THREE.Vector3(0, 10, 0),
  new THREE.Vector3(0, 0, 0)
];

2. 使用THREE.BufferGeometry类创建几何体，并将点位坐标数组作为参数传入：

var geometry = new THREE.BufferGeometry().setFromPoints(points);

3. 创建一个材质，例如：

var material = new THREE.LineBasicMaterial({ color: 0xffffff });

4. 使用THREE.Line类创建线段，并将几何体和材质作为参数传入：

var line = new THREE.Line(geometry, material);

5. 将线段添加到场景中：

scene.add(line);

这样就可以将已知的xy坐标点位连接成线段了。