Question

我有最新的threecsg.js库，除了在CSG操作后尝试使用细分修饰符时，我对它的使用还可以。下面是示例代码，从github库附带的example.html文件中修改：

var start_time = (new Date()).getTime();
var cube_geometry = new THREE.CubeGeometry( 3, 3, 3 );
var cube_mesh = new THREE.Mesh( cube_geometry );
cube_mesh.position.x = -6;
var cube_bsp = new ThreeBSP( cube_mesh );

var sphere_geometry = new THREE.SphereGeometry( 1.8, 12, 12 );
var sphere_mesh = new THREE.Mesh( sphere_geometry );
sphere_mesh.position.x = -7;
sphere_mesh.position.y -= 0;
var sphere_bsp = new ThreeBSP( sphere_mesh );

var subtract_bsp = cube_bsp.union( sphere_bsp );
var result = subtract_bsp.toMesh( new THREE.MeshLambertMaterial({ shading: THREE.SmoothShading, map: THREE.ImageUtils.loadTexture('texture.png') }) );
result.geometry.computeVertexNormals();

var smooth = result.geometry.clone() ;

smooth.mergeVertices();

var modifier = new THREE.SubdivisionModifier(0.1);

modifier.modify( smooth );

var mesh = new THREE.Mesh( smooth, new THREE.MeshPhongMaterial( { wireframe:true, color: 0xffffff } ) );
mesh.geometry.computeFaceNormals();
scene.add( mesh );

上面的代码将球体和立方体结合在一起。在此之后，它通过细分修改器运行生成的几何体。添加到场景中的最终输出具有从对象突出的面，除此之外，对象看起来很平滑。任何人都可以帮忙解决这个问题，即去除凸出的面孔吗？

threecsg.js和细分修改器扭曲几何

0 个答案: