threejs設置陰影有三個注意點
1.只有支持陰影的燈光才可以
pointLight,spotlight,directionallight
2.添加攝像機輔助器 THREE.CameraHelper
查看陰影攝像機的相關設置
light.shadow.camera.left //此四項值為陰影投射方向,需要注意,正負值不確定,可以使用dat.gui.js,設置燈光等值,調試查看
light.shadow.camera. right
ps: left為負,bottom為負,其他為正
陰影投射在屏幕正前方
right為負,bottom為負
陰影投射到屏幕的后方
light.shadow.camera.top
light.shadow.camera.bottom
light.shadow.camera.near //如果看不到陰影,遠近截面設置不對,嘗試遠截面設置大一點
light.shadow.camera.far
3.最后一步需要確認幾項設置
renderer.shadowMap.enabled = true;
light.castShadow = true;
mesh需要設置castShdow = true;
平面接收陰影設置 receiveShaow = true;