I've modelled two objects in Blender, with different materials and different textures UV-mapped to them. I'm rendering it with the CanvasRenderer
If I export it, there is more than one material but just one mesh in the resulting JSON file.
This is the (simplified) code I use to load a model with Three.js:
var loader = new THREE.JSONLoader();
loader.load(myModelPath, function {
var material = geometry.materials[0];
material.morphTargets = true;
material.overdraw = true;
var mesh = new THREE.Mesh(geometry, material);
mesh.scale.set(50, 50, 50);
mesh.position.set(0, 0, 0);
scene.add(mesh);
});
As you can see, I'm only using the [0]
material. The result is that the second object uses the first object's material (if I use the [1]
material, the opposite happens).
But I do not know how to create a mesh that uses more than one material!
Is it even possible? Or, is there a way to export more than one JSON file from Blender (one per object)?