代码之家 › 专栏 › 技术社区 › webman

将envMap添加到模型。json材料

blender mapping three.js json javascript

webman · 技术社区 · 9 年前

我已经用blender将一个对象导出为.json格式,以显示三个。js,一切顺利,我手动将所有地图添加到导出的文件中(导出器不包括这些地图,但一旦在blender中映射好,就可以轻松手动添加)

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
}

我需要应用一个环境映射来进行更丰富的反射,通常很容易用三个定义。js和added

index.html:

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

这能做到吗?如果是,如何?

1 回复 | 直到 9 年前

webman 9 年前

我正在努力解决类似的问题,虽然我无法直接将其加载到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 );
});

推荐文章

Sweepy Dodo · JSON lite的格式化

1 年前

SebMa · 为什么我用mikefarah/yq得到两倍的JSON输出?

1 年前

Dione Saturn · JSON、fetch、HTML中的javascript和未定义或空字符串[重复]

1 年前

user24242514 · 将嵌套查询字符串请求转换为字典

1 年前

Shane Harley · 通过这些JSON元素进行映射

1 年前

Milenko Markovic · 如何使用Python读取JSON?操作系统错误:[Errno 36]文件名太长:

1 年前

Shane Harley · 将HTML作为JSON字符串的一部分?

1 年前

user6631314 · 使用PHP从api响应中提取视频数据[复制]

1 年前

Matt Miles · 如何将嵌套的JSON转换为数据帧?

1 年前

ololo · 不支持目录导入

1 年前