如果我有一个像 JSFiddle 中那样使用 three.js 制作的基本空心圆柱体,我该如何更改墙壁的厚度?
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 95, window.innerWidth / window.innerHeight, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );
var geometry = new THREE.CylinderGeometry( 2, 2, 5, 360, 1, true );
var material = new THREE.MeshNormalMaterial( { color: 0x00ff00, side: THREE.DoubleSide } );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );
camera.position.y = 5;
camera.position.z = 5;
camera.lookAt(0,0,0);
function animate() {
requestAnimationFrame( animate );
renderer.render( scene, camera );
}
animate();
最佳答案
不,你必须从一个圆柱体中减去另一个圆柱体。从中减去的是圆柱体的内径。
所以我将您的代码更改为:
var outerGeometry = new THREE.CylinderGeometry(2, 2, 5, 360, 1);
var innerGeometry = new THREE.CylinderGeometry(1.5, 1.5, 5, 360, 1);
var material = new THREE.MeshNormalMaterial({
color: 0x00ff00,
side: THREE.DoubleSide
});
var outerCylinder = new ThreeBSP(outerGeometry);
var innerCylinder = new ThreeBSP(innerGeometry);
var hollowedCylinder = innerCylinder.union(outerCylinder);
scene.add(hollowedCylinder.toMesh(material));
这是 fiddle : http://jsfiddle.net/gerdonabbink/tephoLr1/133/
如您所见,内圆柱为 1.5,例如将其更改为 1 以使厚度为 1。
关于javascript - 如何改变threejs圆柱体的厚度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51745205/