After creating a "cloud" in blender with the help of the "cloud generator add-on", I exported it to three.js in ".dae" format:
var modelname="cloud_0";
var object1 = new PinaCollada('cloud_0', 100);
scene.add(object1);
var object2 = new PinaCollada('cloud_0', 100);
scene.add(object2);
function PinaCollada(modelname, scale)
{
var loader = new THREE.ColladaLoader();
var localObject;
loader.options.convertUpAxis = true;
loader.load( 'models/'+modelname+'.dae', function colladaReady( collada ) {
localObject = collada.scene;
localObject.scale.x = localObject.scale.y = localObject.scale.z = scale;
localObject.updateMatrix();
} );
return localObject;
}
Although the objects are successfully imported, the clouds appear as geometrical blank shapes instead of their original form.
Any suggestions on how to fix this issue?
Update: I have included screenshots comparing the three.js scene with the original blender scene:
-blender: View here
-three.js: View here