如何计算哪个顶点最接近3D点？

Question

目标：

我想找出哪个顶点/顶点最接近我单击的点。

设定：

• 透视相机
• 二十面体几何（基本网格材料->线框）
• 旋转几何
• Raycaster

我已经拥有点击处理程序的代码：

mouse = new THREE.Vector2();
mouse.x = (event.clientX / renderer.domElement.clientWidth) * 2 - 1;
mouse.y = - (event.clientY / renderer.domElement.clientHeight) * 2 + 1;

raycaster.setFromCamera(mouse, camera);

const intersects = raycaster.intersectObject(icosahedron);

// 3D point: intersects[0].point
// Object face: intersects[0].face

谢谢！

Answer 1

三个步骤：

• 将相交面顶点的位置从局部转换为世界
• 计算到3D点的距离
• 升序排列

-

vertices = [
  intersects[0].face.a,
  intersects[0].face.b,
  intersects[0].face.c
];

vertices.forEach( function(vId,i){
  vertices[i] = mesh.geometry.vertices[vId].clone();
  vertices[i].l2w = mesh.localToWorld(vertices[i].clone());
  vertices[i].id = vId;
  vertices[i].index = i;
  vertices[i].distance = vertices[i].l2w.distanceTo(intersects[0].point);
})

vertices.sort( function(a,b){
  return a.distance - b.distance;
})

https://jsfiddle.net/fwnjoc31/