三.JS Shadow to object [英] Three.JS Shadow to object

问题描述

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

I want to add castShadow and receiveShadow on a object. But what do I wrong with the following code?...

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;
    });
});

推荐答案

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

I think you need to traverse through the child and then set castShadow as given below.

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

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

我觉得应该很有帮助

这篇关于三.JS Shadow to object的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！