使用 JSONLoader 的多种材料?

问题描述

是否可以将两种材质分配给一个使用 JSONLoader 加载的网格?

Is it possible to assign two materials to one mesh which has been loaded with JSONLoader?

我在 Blender 中制作了一个简单的角色并将其导出为 Three.js 格式，其中包含变形目标和 UV.

I've made a simple character in blender and exported it to three.js format, which contains morph targets and UVs.

我试图为身体分配纯色材质，为角色的头部分配一张图片(http://touhou.ru/dev/webgl-test-stackoverflow/kourindouhime.jpg)，但在加载网格和材料后，我得到一个灰色的网格.

I was trying to assign solid color material to the body and a picture to my character's head (http://touhou.ru/dev/webgl-test-stackoverflow/kourindouhime.jpg), but after loading mesh and materials I get a gray-colored mesh.

这是我项目的生产版本(使用 wasd 移动，当您看到您要控制的灰色玩家网格时，这正是我要说的):http://touhou.ru/dev/webgl-test-stackoverflow/

Here's production version of my project (use wasd to move and when you see a gray player mesh which you'd be controlling, that's exactly the thing I'm talking about): http://touhou.ru/dev/webgl-test-stackoverflow/

这是我使用 JSONLoader 加载网格和材料的方式:

And here's the way I'm loading mesh and materials with JSONLoader:

  var player_loader = new THREE.JSONLoader();

  player_loader.load( "running_babe.js", function(geo, material) {
    material[0].morphTargets = true;
    material[1].morphTargets = true;
    var materials = new THREE.MeshFaceMaterial(material);
    player = new THREE.Mesh( geo, materials );
    scene.add(player);
  });

我做错了什么吗?

更新:问题出在我的导出中.现在第二个材料看起来像这样:

UPDATE: the problem was in my export. Now the second material looks that way:

    {
            "DbgColor" : 15597568,
            "DbgIndex" : 1,
            "DbgName" : "Material.001",
            "blending" : "NormalBlending",
            "colorAmbient" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
            "colorDiffuse" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
            "colorSpecular" : [0.5, 0.5, 0.5],
            "depthTest" : true,
            "depthWrite" : true,
            "mapDiffuse" : "kourindouhime.jpg",
            "mapDiffuseWrap" : ["repeat", "repeat"],
            "shading" : "Lambert",
            "specularCoef" : 50,
            "transparency" : 1.0,
            "transparent" : false,
            "vertexColors" : false
    }

而且效果很好.谢谢各位.

and it works very nice. Thank you guys.

推荐答案

如果我没看错你的代码，running_babe.js 就是你所说的网格.看其来源，材料如下:

If I looked your code correctly, running_babe.js is the mesh you are talking about. Looking at its source, the materials are as follows:

"materials" : [ {
    "DbgColor" : 15658734,
    "DbgIndex" : 0,
    "DbgName" : "Material",
    "blending" : "NormalBlending",
    "colorAmbient" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
    "colorDiffuse" : [0.6400000190734865, 0.6400000190734865, 0.6400000190734865],
    "colorSpecular" : [0.5, 0.5, 0.5],
    "depthTest" : true,
    "depthWrite" : true,
    "shading" : "Lambert",
    "specularCoef" : 50,
    "transparency" : 1.0,
    "transparent" : false,
    "vertexColors" : false
},

{
    "DbgColor" : 15658734,
    "DbgIndex" : 0,
    "DbgName" : "default",
    "vertexColors" : false
}],

可以清楚地看到没有纹理，第二个没有任何纹理，第一个具有灰色阴影的所有颜色.似乎材料没有正确导出.这并不奇怪，因为导出材料很困难，因为 3d 建模器概念和three.js 材料参数之间可能没有明确的映射.我只是通过在该文件中手动指定材料参数来修复它.

It can be clearly seen that there are no textures, the second one doesn't have really anything and the first one has all colors as a shade of gray. Seems like the materials aren't exported correctly. That is not a big surprise as exporting materials is hard, as there might not be a clear mapping between 3d modeler concepts and three.js material params. I'd just fix it by manually specifying the material params into that file.

这篇关于使用 JSONLoader 的多种材料?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！