将 envMap 添加到 model.json 材质中

Question

我已经将一个带有 blender 的对象导出为 .json 格式，以便使用 three.js 显示，一切顺利，我手动将所有地图添加到导出的文件中（不包含在导出器中，但一旦在搅拌器中很好地映射，手动添加很容易)

model.json：

"materials":[{
    "DbgColor":15658734,
    "DbgIndex":0,
    "DbgName":"FrontCol",
    "blending":"NormalBlending",
    "shading":"phong",
    "colorDiffuse":[1.0,1.0,1.0],
    "mapDiffuse" : "model_d.png",
    "mapDiffuseWrap" : ["repeat", "repeat"],
    "colorSpecular":[0.8,0.4,0.0],
    "mapSpecular" : "model_s.jpg",
    "mapBump" : "model_b.jpg",
    "mapBumpScale" : 4
}

我需要应用一个环境映射来获得更丰富的反射，通常很容易用 three.js 定义并添加

index.html：

var material = new THREE.MeshPhongMaterial( {
    envMap: mapEnvironment
} );

这可以吗？如果是，如何？

Answer 1

我正在为类似的事情苦苦挣扎，虽然我无法直接在 JSON 中加载它，但这里的解决方法是在导入期间为所有网格分配它。然后，根据您的材质反射率，您是否会在材质上看到它：

var objectLoader = new THREE.ObjectLoader();
objectLoader.load( "file.json" , function ( obj ) {
    obj.traverse( function ( child ) {
        if ( child instanceof THREE.Mesh ) {    

            child.material.envMap = mapEnvironment;

                        }
    });

这使您的材料属性不受 JSON 影响，只需将此属性添加到顶部即可。

编辑：这是 JSONLoader 的版本：

var loader = new THREE.JSONLoader();
loader.load( 'file.json', function ( geometry, materials ) {
    for ( var k in materials ) {
        materials[k].envMap = mapEnvironment;    
    }

    mesh = new THREE.Mesh(geometry, new THREE.MultiMaterial(materials));
    scene.add( mesh );
});