我的threejs学习笔记(十)---平行光(二)

写在前面

调整了光源的参数和位置后,阴影效果比较好。

代码

var d_light=new THREE.DirectionalLight(ambiColor);
d_light.target=cube_2;
d_light.castShadow=true;
d_light.shadowCameraVisible=true;
d_light.shadowCameraNear = 2;
d_light.shadowCameraFar = 100;
d_light.shadowCameraLeft = -30;
d_light.shadowCameraRight = 30;
d_light.shadowCameraTop = 50;
d_light.shadowCameraBottom = -10;
d_light.position.set(0,36,4);
scene.add(d_light);

shadowCameraNear控制阴影近场,shadowCameraFar控制阴影远场,用于平行光的照射范围是一个长方体,所以有top,bottom,left,right来控制四个边际面的位置(不应该是六个面吗?)。
将光源位置调整合适,即可看到渲染的阴影。效果还是不错的。

阴影效果

代码全文

<!DOCTYPE html>
<html lang=
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值