threejs给物体添加边框

方法一

使用边框材质（THREE.LineBasicMaterial）和边框几何体（THREE.EdgesGeometry）

// 创建一个Group
var group = new THREE.Group();

// 添加你的物体到group中，例如一个立方体
var cubeGeometry = new THREE.BoxGeometry(1, 1, 1);
var cubeMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cubeMesh = new THREE.Mesh(cubeGeometry, cubeMaterial);
group.add(cubeMesh);

// 创建边框材质
var edgeMaterial = new THREE.LineBasicMaterial({ color: 0xff0000 });

// 创建边框几何体
var edges = new THREE.EdgesGeometry(cubeGeometry);
var edgesMesh = new THREE.LineSegments(edges, edgeMaterial);
group.add(edgesMesh);

我们首先创建了一个Group，并将物体（一个立方体）添加到该Group中。然后，我们创建了一个边框材质和边框几何体，并将其添加到该Group中。这样就为Group添加了边框。

方法二

const line = new THREE.BoxHelper(selectedObject, 0xff0000);
scene.add(line);

其中，BoxHelper第一个参数为选中物体，第二个参数为颜色