将.json模型从Blender导入three.js会破坏模型

时间:2016-08-06 07:47:11

标签: javascript json three.js blender

当我将.json模型从Blender导入three.js时,模型看起来并不像它应该的那样。它看起来很破碎。 这里是我用来加载模型的代码:

var jsonLoader = new THREE.JSONLoader();
jsonLoader.load('models/SideMattress.js', addModelToScene); 

这就是我如何将它添加到场景中:

var textureLoader = new THREE.TextureLoader();
var map = textureLoader.load( "textures/SideMattress-TM.jpg");
var displacementMap = textureLoader.load("textures/SideMattress-DM.jpg");
var normalMap = textureLoader.load( "textures/SideMattress-NM.jpg" );

var material = new THREE.MeshPhongMaterial({
     map: map,
     normalMap: normalMap,
     displacementMap: displacementMap,
});

sideMattress = new THREE.Mesh(geometry,material);
sideMattress.position.y = 1.7;   //set the y position
scene.add(sideMattress);

我将Blender导出器中的JSON文件作为屏幕截图附加,因为它很长...

JSON File from Blender Exporter

我不确定问题是出口商还是我使用网格材料或模型本身的方式。这是我在纹理映射之前和之后在浏览器中得到的结果。

The model before & after adding texture mapping inside Three.js and how it should look like

请注意,当我还添加置换贴图时,它没有效果,这不是它应该如何。

提前谢谢你们

0 个答案:

没有答案