在 ThreeJS 中计算网格的体积大于边界框体积
Calculating the volume of a mesh in ThreeJS is greater than bounding box volume
问题:
边界框体积小于从网格计算的体积。
我尝试过:
首先,我使用以下代码计算边界框的体积:
//loaded .obj mesh object:
var sizer = new THREE.Box3().setFromObject(obj);
console.log(sizer.size().x*sizer.size().z*sizer.size().y);
日志输出:197112.65382983384
然后,我使用此解决方案使用此解决方案计算网格的体积,该解决方案与下面包含的"calculateVolume"方法中的旧几何对象一起计算:
console.log(scope.calculateVolume(child));
计算卷是类的一部分。我的类方法如下:
threeDeeAsset.prototype.signedVolumeOfTriangle = function(p1, p2, p3) {
var v321 = p3.x*p2.y*p1.z;
var v231 = p2.x*p3.y*p1.z;
var v312 = p3.x*p1.y*p2.z;
var v132 = p1.x*p3.y*p2.z;
var v213 = p2.x*p1.y*p3.z;
var v123 = p1.x*p2.y*p3.z;
return (-v321 + v231 + v312 - v132 - v213 + v123)/6;
}
threeDeeAsset.prototype.calculateVolume = function(object){
var volumes = 0;
object.legacy_geometry = new THREE.Geometry().fromBufferGeometry(object.geometry);
for(var i = 0; i < object.legacy_geometry.faces.length; i++){
var Pi = object.legacy_geometry.faces[i].a;
var Qi = object.legacy_geometry.faces[i].b;
var Ri = object.legacy_geometry.faces[i].c;
var P = new THREE.Vector3(object.legacy_geometry.vertices[Pi].x, object.legacy_geometry.vertices[Pi].y, object.legacy_geometry.vertices[Pi].z);
var Q = new THREE.Vector3(object.legacy_geometry.vertices[Qi].x, object.legacy_geometry.vertices[Qi].y, object.legacy_geometry.vertices[Qi].z);
var R = new THREE.Vector3(object.legacy_geometry.vertices[Ri].x, object.legacy_geometry.vertices[Ri].y, object.legacy_geometry.vertices[Ri].z);
volumes += this.signedVolumeOfTriangle(P, Q, R);
}
return Math.abs(volumes);
}
日志输出:336896.1562770668
检查顶点的来源:
我也尝试了buffergeometry,当然,它实际上是相同的数组,但是类型化的Float32Array可以预见地给出了相同的结果:
var vol = 0;
scope.mesh.traverse(function (child) {
if (child instanceof THREE.Mesh) {
var positions = child.geometry.getAttribute("position").array;
for(var i=0;i<positions.length; i+=9){
var t1 = {};
t1.x = positions[i+0];
t1.y = positions[i+1];
t1.z = positions[i+2];
var t2 = {};
t2.x = positions[i+3];
t2.y = positions[i+4];
t2.z = positions[i+5];
var t3 = {};
t3.x = positions[i+6];
t3.y = positions[i+7];
t3.z = positions[i+8];
//console.log(t3);
vol += scope.signedVolumeOfTriangle(t1,t2,t3);
}
}
});
console.log(vol);
日志输出:336896.1562770668
问题:为什么我的边界框体积小于封闭网格的计算体积?
也许我错过了诸如偏移位置之类的东西,或者我计算了错误的边界框体积。我在google和stack上做了几次搜索,这就是我找到上面signedVolumeOfTriangle函数的方式。这似乎是最常见的接受方法。
可能是缠绕顺序的问题,您可以尝试否定有符号卷的结果,或重新排序参数。
缠绕顺序为顺时针或逆时针,并确定多边形的朝向(法线),
volumes += this.signedVolumeOfTriangle(P, Q, R);
交换P
和R
会反转正常,
volumes += this.signedVolumeOfTriangle(R, Q, P);
三角形条带等存储技术可能会使这变得复杂,其中顶点由相邻三角形共享,导致缠绕顺序交替。
另一个问题可能是 - 特别是如果它适用于简单网格 - 是退化顶点。如果你从编辑器那里得到你的网格,并且网格已经被修改和调整了一百万次(通常是这种情况),它几乎肯定会退化。
编辑器中可能有一个焊接紧密顶点的选项,这可以提供帮助,或者使用已知良好的网格(例如斯坦福兔子)进行测试。
相关文章:
- 使图像在单击时展开到不大于浏览器
- Jquery如何检查今天的时间大于使用给定时间
- cpu:phantom:page的比例可以大于1:1:1吗
- 上传带有XMLHttprequest的文件-多部分/表单数据中缺少边界
- 对于如何在没有modernizr的情况下用边界半径的功能检测检查来替换我的旧浏览器检查
- 正则表达式(JavaScript),用于创建数字必须大于x的数据验证
- 仅在边界内时替换特定字符
- Regex允许数字大于0.5
- 将谷歌地图中的平移边界设置为图像覆盖
- 将边界设置为overlayImage谷歌地图
- JavaScript对象作为哈希?复杂性是否大于O(1)
- 为什么不是't这=>边界“;这个“;到周围的范围
- 获取以屏幕像素为单位的旋转SVG元素的边界
- RegEx:在单词边界添加加号
- 我如何才能获得Facebook在边界内的位置列表
- 精灵从pixi到p2的边界多边形
- scrypt.js失败,N大于2^14
- Javascript平等三重等于,但是大于和小于呢?
- RegEx接受小于-50.0或大于80.0的数字
- 在 ThreeJS 中计算网格的体积大于边界框体积