three js如何用线连接不同的模型

要连接不同的模型，可以使用Three.js的Line对象。Line对象是由一系列顶点构成的线段，可以用于连接两个或多个模型。

以下是连接两个模型的示例代码：

// 创建两个模型
var geometry1 = new THREE.BoxGeometry(1, 1, 1);
var material1 = new THREE.MeshBasicMaterial({color: 0xff0000});
var mesh1 = new THREE.Mesh(geometry1, material1);

var geometry2 = new THREE.SphereGeometry(0.5, 32, 32);
var material2 = new THREE.MeshBasicMaterial({color: 0x00ff00});
var mesh2 = new THREE.Mesh(geometry2, material2);

// 将模型加入场景
scene.add(mesh1);
scene.add(mesh2);

// 创建顶点数组
var points = [];
points.push(mesh1.position);
points.push(mesh2.position);

// 创建线段
var lineGeometry = new THREE.BufferGeometry().setFromPoints(points);
var lineMaterial = new THREE.LineBasicMaterial({color: 0xffffff});
var line = new THREE.Line(lineGeometry, lineMaterial);

// 将线段加入场景
scene.add(line);

在上面的代码中，我们创建了两个模型，分别是一个红色的立方体和一个绿色的球体。然后，我们创建顶点数组，将两个模型的位置加入数组中。接着，我们使用BufferGeometry和LineBasicMaterial创建了一个Line对象，将顶点数组作为参数传入。最后，我们将Line对象加入场景中。

这样，我们就成功地连接了两个模型。如果需要连接更多的模型，只需要将它们的位置加入顶点数组即可