THREE.JS暗影不投 - 聚光灯

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了THREE.JS暗影不投 - 聚光灯相关的知识,希望对你有一定的参考价值。

有了THREE.JS,我目前正在使用SpotLight。我有一个MeshLambertMaterial(4个女孩),它应该为后面的图片(Mansion)投下阴影,但不知道为什么不是。

到目前为止我的代码是聚光灯

let spotLight = new THREE.SpotLight( 0xFFFFFF, 1);
spotLight.castShadow = true;
spotLight.position.set( 10, 5, 100 );
spotLight.target.position.set(0, 5, 0);
spotLight.shadowCameraNear = 20;
spotLight.shadowCameraFov = 30;
spotLight.shadowBias = 0.0001;
spotLight.shadowCameraVisible = true;

scene.add( spotLight );
答案

在你的“4女孩”对象上,设置.castShadow = true;在您的大厦图片上,设置.receiveShadow = true;

以上是关于THREE.JS暗影不投 - 聚光灯的主要内容,如果未能解决你的问题,请参考以下文章

Three.js 中的自定义纹理着色器

three.js 中的光

THREE.js - 大型int作为Uniform

three.js 正交相机对象拾取

THREE.js在不使用时暂停动画

多光源(定向光点光源聚光灯)