Блог

Проблема:

Вычитание куба из сферы дает результат, в котором ось z сохраняет объем, но оси y и x создают плоские диски, как показано на рисунке. Я не уверен, почему сфера теряет объем с этих сторон. Я использую типичное вычитание с помощью ThreeCSG.

Код:

   var geometry = new THREE.CubeGeometry( 100, 100, 100 );
  var material = new THREE.MeshLambertMaterial( {color: 0xff0000, side: THREE.DoubleSide, transparent:true, opacity: .5} );
  var cutter = new THREE.Mesh( geometry, material );

  var geometry2 = new THREE.SphereGeometry(60,32, 32);
  var material2 = new THREE.MeshLambertMaterial( {color: 0x00ff00, side: THREE.DoubleSide, transparent:true, opacity: .5} );
  var massing = new THREE.Mesh( geometry2, material2 );


  var cutter_bsp = new ThreeBSP(cutter);
  var massing_bsp = new ThreeBSP(massing);

  var new_bsp = massing_bsp.subtract(cutter_bsp);

  var result = new_bsp.toMesh(material2);
  result.geometry.computeVertexNormals();
  result.position.y = 200;
  

Я использую версию 103, но проблема, похоже, не имеет отношения к версии, поскольку 77 показывает ту же проблему.

Вопрос:Почему стороны результата плоские? Нужно ли каким-либо образом преобразовать геометрию перед операцией вычитания?

Вот результат над рамкой и сферой:

@manthrax опубликовал свой код здесь в качестве ответа, но затем удалил его. Это доступно здесь:https://github.com/manthrax/THREE-CSGMesh

Разветвлено на https://github.com/radio412/THREE-CSGMesh с удаленным токеном экспорта.

Сетки нуждаются в updateMatrix(), вызываемой перед операцией, если применяются какие-либо преобразования.

Этот код работает хорошо. Однако я не знаю, почему устаревший код ThreeCSG не работал, и было бы неплохо иметь некоторое представление.