javascript - Three.js 加载的模型缺少凹凸和高光贴图

Question

我在使用 Three.js 导入模型时遇到凹凸和镜面映射问题。

我将模型从 3DS Max 导出到 .obj 文件，然后使用 Convert_obj_ Three.py 脚本将其转换为 .js。在 model.js 文件中，我可以看到凹凸贴图和镜面贴图出现:

"materials": [  {
    "DbgColor" : 15658734,
    "DbgIndex" : 0,
    "DbgName" : "flloor_bump_test",
    "illumination" : 2,
    "mapAmbient" : "sat_8.jpg",
    "mapBump" : "sat_8_bump.jpg",
    "mapDiffuse" : "sat_8.jpg",
    "mapSpecular" : "sat_8_spec.png",
    "opticalDensity" : 1.5,
    "specularCoef" : 25.0,
    "transparency" : 0.0
},

以下是将模型加载到场景中的方法:

var jsonLoader = new THREE.JSONLoader();
jsonLoader.load( "model.js", addModelToScene );

function addModelToScene( geometry, materials )
{
    var material = new THREE.MeshFaceMaterial( materials );
    model = new THREE.Mesh( geometry, material );
    model.scale.set(0.01,0.01,0.01);

    model.castShadow = true;
    model.receiveShadow = true;

    scene.add( model );
}

非常感谢任何想法!谢谢!!

编辑

这是我的现场演示的链接 - http://benbeckford.com/temp/

编辑2

因此，在使用它之后，我可以看到转换后的 .js 模型中缺少以下数据:

"shading" : "phong",
"mapSpecular" : "powerday_sat_8_specular.png",
"shininess" : 1000,
"mapBumpScale" : 5,

很明显，我从 Max 导出到 .obj，或者将 .obj 转换为 .js 时出现了问题。如果有人解决了这个问题，我真的很感激你是如何做到的!谢谢:)

Answer 1

我最终手动编辑了 .js 模型并添加了字段，使其如下所示:

"materials": [  {
    "DbgColor" : 15658734,
    "DbgIndex" : 0,
    "DbgName" : "21___Default",
    "colorAmbient" : [0.588235, 0.588235, 0.588235],
    "colorDiffuse" : [0.588235, 0.588235, 0.588235],
    "colorSpecular" : [0.117, 0.117, 0.117],
    "illumination" : 2,
    "mapAmbient" : "texture_8.jpg",
    "mapDiffuse" : "texture_8.jpg",
    "shading" : "phong",
    "mapSpecular" : "texture_8_specular.png",
    "shininess" : 1000,
    "mapBumpScale" : 5,
    "mapBump" : "texture_8_bump.jpg",
    "opticalDensity" : 1.5,
    "specularCoef" : 1000,
    "transparency" : 0.0
}