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;

参考代码见:Three.js光照阴影实时计算

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值