geometry.materials [0] [0] .shading：三个JS属性0未定义

Question

我想在Three JS中为我的3D模型添加一些阴影。

我正在使用此代码：

var loader = new THREE.JSONLoader();
          loader.load("peer.js", createScene);

          function createScene( geometry ) {
            geometry.materials[0][0].shading = THREE.FlatShading;
            geometry.materials[0][0].morphTargets = true;

            var material = new THREE.MeshFaceMaterial();
            //var material =  new THREE.MeshLambertMaterial({color: 0|(0xffffff*Math.random())})                
            var cube = new THREE.Mesh( geometry, material );
            cube.scale.set(50, 50, 50);
            cube.position.z = -50;
            m.model.matrixAutoUpdate = false;
            m.model.add(cube);
            scene.add(m.model);
        }          

我收到错误消息'无法读取未定义的属性0'。 它有以下几行：geometry.materials [0] [0] .shading = THREE.FlatShading; 而且我认为[0] [0]必须改变别的东西，只是我不知道是什么因为我不知道[0] [0]代表什么。有人知道如何解决这个问题吗？