如何在ThreeJs中加载引用的COLLADA文件

时间:2016-05-13 15:48:07

标签: javascript three.js collada

我想从导出中加载collada文件。文件以这样的方式导出,即" base" file引用另一个具有实际几何的collada文件。

基本文件如下所示:

<?xml version="1.0" encoding="utf-8"?>
<COLLADA version="1.5.0" xmlns="http://www.collada.org/2008/03/COLLADASchema">
  <asset>
    <contributor>
      <author>ACME</author>
    </contributor>
    <created>2016-04-27T14:53:24</created>
    <modified>2016-04-27T14:53:24</modified>
    <unit meter="0.001" name="mm" />
    <up_axis>Z_UP</up_axis>
  </asset>
  <library_visual_scenes id="libvisualscenes">
    <visual_scene id="libvisualscenes.scene">
      <node id="38760" name="Part1_CATPart">
        <matrix>-1.000000 0.000000 0.000000 -399.679153 0.000000 0.000000 -1.000000 671.000000 0.000000 -1.000000 0.000000 0.000000 0.000000 0.000000 0.000000 1.000000</matrix>
        <instance_node url="Part1_CATPart_799.dae#acme_frame_self_origin" />
      </node>
    </visual_scene>
  </library_visual_scenes>
  <scene>
    <instance_visual_scene url="#libvisualscenes.scene" />
  </scene>
</COLLADA>

Part1_CATPart 在上面的collada中被引用。 我尝试了天真的方法并使用ColladaLoader2.js加载了这个collada,但是这导致了错误ColladaLoader2.js:175 Uncaught TypeError: Cannot read property 'build' of undefined。加载 Part1_CATPart 直接有效。但是,这种方式不会考虑基本文件的矩阵。

有没有一种方法可以让trijs`colladaLoader2获取引用的文件?

1 个答案:

答案 0 :(得分:0)

我相信在解析方法中解析了网址here on line 2326。通常,url是指向另一个节点。你可以像这样在if子句中获取url:

if ( iNode ) 
    this.nodes.push( ( new Node() ).parse( iNode )) ;
}else{
    url = url.split("#")[0]
    console.log(url);
}

然后您可以使用url加载子模型并将其添加到onload回调中的场景中:

var loader = new THREE.ColladaLoader();
var result = loader.load(url);
var scene = result.scene;

var name, model, children = scene.children;
var onLoad = function( result ){
    // process the result of each child model and add to parent scene
};
var onProgress = function(){};
loader.load( url, onLoad, onProgress );

<强> Here is a fiddle with a demo

小提琴只输出网址。正确加载我留给你。