three.js添加阴影效果

渲染阴影

由于渲染阴影需要耗费大量的计算资源,所以默认情况下 Three.js 中是不会渲染阴影的,为了渲染阴影效果,需要告诉渲染器需要阴影效果

renderer.shadowMap.enabled = true;

指定阴影的光源

spotLight.castShadow = true; //产生阴影的光源

指定物体投射、接受阴影

plane.receiveShadow = true; //接受阴影的物体
cube.castShadow = true; //投身阴影的物体
posted @ 2024-03-04 19:03  暖暖De幸福  阅读(73)  评论(0编辑  收藏  举报