three.js - 为什么 THREE.BoundingBoxHelper 不显示？

Question

我之前曾设法显示该框，但在这里，我剥离了所有内容以便通过定位 collada 模型来尝试扩展框，但该框不会显示。

function loadObjects(){
  cobj = new THREE.Group();
  cobj.name = "5";
  scene.add(cobj);
  pobj = cobj;
  collada("14",pobj);
  collada("7",pobj);
  function collada(key,pobj){
    var nn,file,path,loader,dae,s;
    ns = nset[key].shared;
    model = ns.Product;
    source = ns.Source;
    ext = ns.Extension;
    path = source +model +ext;
    loader = new THREE.ColladaLoader();
    loader.load(path,function (collada) {
      dae = collada.scene;
      dae.name = key;
      sc = 25.4;
      dae.scale.set(sc,sc,sc);
      pobj.add(dae);
    });
  }
  obj = scene.getObjectByName("5");
  console.log(obj);
  helper = new THREE.BoundingBoxHelper(obj,0xff0000);
  helper.update();
  scene.add(helper);
  sc = 0.1;
  scene.scale.set(sc,sc,sc);
  requestAnimationFrame( animate );
  renderer.render( scene, camera );
  $("canvas").show();
}

Answer 1

首先，BoundingBoxHelper 现在是 BoxHelper。您似乎使用的是非常旧的 third.js 版本。

此外，您的 collada() 函数不是同步的。执行 collada("14",pobj); 和 collada("7",pobj); 后，资源尚未加载，这意味着您正在计算以下对象的边界框一个空的组对象。

我建议您等待 Collada 模型通过 THREE.LoadingManager 加载完毕。然后将助手添加到场景中。

或者，确保在动画循环中调用 helper.update()。然而，如果对象是静态的并且不会改变，那么这种方法是浪费的。因此，最好使用加载管理器的 onLoad() 回调。