How to setup materials in THREE.js when loading Collada (dae) models?

collada three.js
JimFing picture JimFing · Nov 26, 2011 · Viewed 8.7k times · Source

How do I setup materials in THREE.js when loading Collada (dae) models?

I have the following code:

    new THREE.ColladaLoader().load('models/cylinder.dae',
function(collada) {
    var model = collada.scene;
    model.scale.set(10.0, 10.0, 10.0);

    // attempt to set a material - doesn't work...
    collada.dae.materials[0] = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

    scene.add(model);
});

Thanks for any help.

Answer

milanchandna picture milanchandna · Jun 7, 2012 
var loader = new THREE.ColladaLoader();
loader.options.convertUpAxis = true;
loader.load( './models/cylinder.dae',function colladaReady( collada ) {

model = collada.scene;
model_geometry = collada.scene.children[ 0 ].geometry;
model_material = collada.scene.children[ 0 ].material;

model.scale.set(10.0, 10.0, 10.0);
model.updateMatrix();
});

if you are getting model_material as 'undefined', then take a look at collada object

console.log(collada);

sometimes there are children inside children, so you might have to do this:

model_material = collada.scene.children[ 0 ].children[ 0 ].material;

Take a look at collada model and then modify accordingly.

Related questions

How to get the width/height/length of a mesh in THREE.js

I been researching various places about trying to get the width and height of a mesh but I have been able to find anything that works. I have a collada model that I imported and all I want to do …

Read More
Location of three.js ColladaLoader source file

I have been researching Javascript 3d programming. As such, I have learned about the THREE.js framework, and have had some success with it. Afterwards, I exported a Google Sketchup file I created (.skp) to Collada (.dae) and found some …

Read More
Including texture files into the collada file

I want to include my texture image files into my collada file. Now I have many files: the .dae itself and the .png texture files. However I want only one file: the .dae, but with the textures included into it. …

Read More