一、threejs————燈光陰影


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;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM