ThreeJS - JSONLoader"无法读取未定义的属性'制服'

Question

我正在尝试从Blender导出带有纹理的对象.导出的JSON如下所示:

 {

    "metadata" :
    {
        "formatVersion" : 3.1,
        "generatedBy"   : "Blender 2.66 Exporter",
        "vertices"      : 8,
        "faces"         : 6,
        "normals"       : 8,
        "colors"        : 0,
        "uvs"           : [],
        "materials"     : 1,
        "morphTargets"  : 0,
        "bones"         : 0
    },

    "scale" : 1.000000,

    "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.0, 0.0, 0.0],
        "depthTest" : true,
        "depthWrite" : true,
        "mapDiffuse" : "unicorn.jpg",
        "mapDiffuseWrap" : ["repeat", "repeat"],
        "shading" : "Lambert",
        "specularCoef" : 50,
        "transparency" : 1.0,
        "transparent" : false,
        "vertexColors" : false
    }],

    "vertices" : [1,-1,-1,1,-1,1,-1,-1,1,-0.999999,-1,-1,1,1,-0.999999,0.999999,1,1,-1,1,0.999999,-1,1,-1],

    "morphTargets" : [],

    "normals" : [0.577349,-0.577349,-0.577349,0.577349,-0.577349,0.577349,-0.577349,-0.577349,0.577349,-0.577349,-0.577349,-0.577349,0.577349,0.577349,-0.577349,-0.577349,0.577349,-0.577349,-0.577349,0.577349,0.577349,0.577349,0.577349,0.577349],

    "colors" : [],

    "uvs" : [],

    "faces" : [35,0,1,2,3,0,0,1,2,3,35,4,7,6,5,0,4,5,6,7,35,0,4,5,1,0,0,4,7,1,35,1,5,6,2,0,1,7,6,2,35,2,6,7,3,0,2,6,5,3,35,4,0,3,7,0,4,0,3,5],

    "bones" : [],

    "skinIndices" : [],

    "skinWeights" : [],

    "animation" : {}


}

我的Json装载机:

 var object;
var loader = new THREE.JSONLoader();          

loader.load( "models/texturecube.js", function(geometry, materials) {
    var material = new THREE.MeshFaceMaterial(materials);
    object = new THREE.Mesh(geometry, materials); // throws

    object.scale.set(1, 1, 1);
    scene.add(object)

});

加载程序抛出"无法读取未定义的属性'制服"异常.我看到其他人必须修改导出的JSON才能使其正常工作.有谁知道'制服'属性用于什么？我应该在我的JSON中定义这个吗？

谢谢!

Answer 1

您的material变量未被使用.做这个:

object = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );

此外,如果您希望能够应用纹理,则几何体将需要UV.

编辑:有一种新的模式.如果您有一个材质数组,现在可以将材质数组直接传递给Mesh构造函数,如下所示:

object = new THREE.Mesh( geometry, materials );

three.js r.87