当我将.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

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

提前谢谢你们

javascript json three.js blender