从搅拌机导出的对象在 ThreeJS 中不能正常工作

Question

我尝试将 blender 对象导入我的 javascript 代码。但是该对象不像在搅拌机中那样呈现。我从搅拌机导出为 .obj。

这是我的搅拌机：

在左侧和右侧导出选项是在 threeJS 中的样子：

Answer 1

最简单的方法是使用 Three.ColladaLoader。将 .dae 文件放在 /root 目录中名为 models 的文件夹中。从 init() 函数中调用 Collada 函数。

function init(){
    scene = new THREE.scene;
    ...
    var object1 = new PinaCollada('model1', 1);
    scene.add(object1); 
    var object2 = new PinaCollada('model2', 2);
    scene.add(object2); 
    ...
}

function Collada(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;
}

下面this answer or this一个。也许能给你带来点子，也许不会，希望对你有所帮助！

从搅拌机导出的对象在 ThreeJS 中不能正常工作

Exported object from blender doesnt work properly in ThreeJS

javascript

object

blender

three.js