javascript - 三.JS Shadow转对象

Question

我想在对象上添加 castShadow 和 receiveShadow。但是下面的代码有什么问题呢？...

var mtlLoader = new THREE.MTLLoader();
mtlLoader.setPath("objects/Tree/");
mtlLoader.load("tree.mtl", function(materials) {
    materials.preload();
    var objLoader = new THREE.OBJLoader();
    objLoader.setMaterials(materials);
    objLoader.setPath("objects/Tree/");
    objLoader.load("tree.obj", function(gate) {

        var positionX = 0;
        var positionY = 4;
        var positionZ = 0;

        gate.position.x = positionX;
        gate.position.y = positionY;
        gate.position.z = positionZ;
        gate.scale.x = 2
        gate.scale.y = 2;
        gate.scale.z = 2;
        scene.add(gate);

        gate.castShadow = true;
        gate.receiveShadow = true;
    });
});

Answer 1

我认为你需要遍历 child 然后设置 castShadow 如下所示。

gate.traverse( function ( child ) {
    if ( child instanceof THREE.Mesh ) {
      child.castShadow = true;
    }
});

这是工作示例 http://jsfiddle.net/4Txgp/703/

我觉得应该有用