当我将.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
请注意,当我还添加置换贴图时,它没有效果,这不是它应该如何。
提前谢谢你们