three.js - THREE.js 在方形网格中包裹 3D 对象

Question

我看了又看，但没有遇到任何接近我想要完成的东西。

我正在使用 THREE.js，并且我有一个 3D 对象，比如人类头骨。我想在其表面包裹一个方形网格，同时保持网格线的单位间距。像线框一样，但所有的行距都是均匀且笔直的。

目标是让用户轻松查看对象的表面长度。现实世界的例子。从头骨的前部到顶部的后部画一条线并测量线的长度。

任何代码示例，甚至是我可以使用 THREE.js 解决此问题的过程的开始。

谢谢

Answer 1

您可以在 object(skull) 上计算 Bounding Box ，并使用 Bounding Box 的属性绘制立方体。

object.computeBoundingBox();
// adding cube
var centerX =   (object.boundingBox.max.x - object.boundingBox.min.x);
var centerY =  (object.boundingBox.max.y - object.boundingBox.min.y);
var centerZ =  (object.boundingBox.max.z - object.boundingBox.min.z);

var boundingBoxGeometry = new THREE.CubeGeometry(centerX, centerY, centerZ);

这是一个示例小提琴：边界框小提琴