javascript - three.js形状孔高度

Question

我正在尝试从原始形状构建一个带有孔的网格，然后是一个 ExtrudedGeometry。问题是我添加的孔总是穿过生成的网格的整个高度。有没有办法让孔的高度变短，这样最终这些孔就不会穿过整个形状？

挤出形状引用代码:

var heartShape = new THREE.Shape();

heartShape.moveTo( 25, 25 );
heartShape.bezierCurveTo( 25, 25, 20, 0, 0, 0 );
blah

var innerCircle = new THREE.Path();
innerCircle.moveTo(blah);
heartShape.holes.push(innerCircle);

var extrudeSettings = { amount: 8, bevelEnabled: true, bevelSegments: 2, steps: 2, bevelSize: 1, bevelThickness: 1 };

var geometry = new THREE.ExtrudeGeometry( heartShape, extrudeSettings );

var mesh = new THREE.Mesh( geometry, new THREE.MeshPhongMaterial() );

谢谢!

Answer 1

THREE.ExtrudeGeometry 中没有单独的孔深度参数。您将需要两个单独的操作来解决它。

一个解决方案可能是根据您的内圆路径(先转换为形状)用另一个拉伸(stretch)“插入”它。

var extrudeSettingsForPlug = { amount: 4, bevelEnabled: true, bevelSegments: 2, steps: 2, bevelSize: 1, bevelThickness: 1 }; 

var geometry = new THREE.ExtrudeGeometry( innerCircleShape, extrudeSettingsForPlug );