ThreeJS-投影、投影模糊(十七)

无投影:

完整的代码:


  
 
  

  

效果图:

ThreeJS-投影、投影模糊(十七)_第1张图片

 添加投影

关键代码:

    //开启投影
    //开启渲染器投影
    render.shadowMap.enabled = true;
    //开启灯光动态投影
    directionalLight.castShadow = true;
    //开启物体投影
    mesh.castShadow = true;
    //开启平面接受投影
    planeMesh.receiveShadow = true;

完整代码:


  
 
  

  

效果图:

投影模糊度

关键代码:

            //投影模糊度
            directionalLight.shadow.radius = 20;
            //设置投影的宽度和高度
            directionalLight.shadow.mapSize.set(2048, 2048); 

 完整代码:

效果图:

 

你可能感兴趣的:(数码相机,前端)