While I am new to Three.js, the question I have is quite complex.
I am working with a Collada scene in DAE format, which actually includes references to other DAE files. The structure of this "parent" file looks something like this:
<library_visual_scenes>
<visual_scene id="TheScene" name="TheScene">
<node id="DesignTransform1" name="DesignTransform1" type="NODE">
<matrix>0.87811053 0.46947187 0.0922935 19.499561 -0.46690002
0.88294739 -0.04907337 98.835884 -0.10452887 0 0.99452192 0.28129196
0 0 0 1</matrix>
<instance_node url="./first_dae/first_dae.dae"/>
</node>
<node id="DesignTransform2" name="DesignTransform2" type="NODE">
<instance_node url="./second_dae/second_dae.dae"/>
</node>
</visual_scene>
</library_visual_scenes>
<scene>
<instance_visual_scene url="#TheScene"/>
</scene>
Although this scene opens flawlessly with desktop software, I face an issue when attempting to load it with Three.js Collada Loader - nothing is displayed. Interestingly, the loader functions perfectly well with regular Collada files that don't contain links to other DAE files.
The loader code snippet is as follows:
var mesh;
var loader = new THREE.ColladaLoader();
loader.options.convertUpAxis = true;
loader.options.centerGeometry = true;
loader.load("parent_dae.dae", function (result) {
mesh = result.scene;
scene.add(mesh);
render();
});
So, my question is: "Does Three.js Collada Loader support DAE files with links to other DAE files? If yes, what could possibly be causing the issue in my code?"