码迷,mamicode.com
首页 > Web开发 > 详细

一、threejs————灯光阴影

时间:2020-02-28 13:53:21      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:tom   使用   direct   需要   ejs   ast   receives   bottom   enabled   

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;

一、threejs————灯光阴影

标签:tom   使用   direct   需要   ejs   ast   receives   bottom   enabled   

原文地址:https://www.cnblogs.com/wangc04/p/12376778.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!