Three.js - 光源使用详解1(环境光 AmbientLight、点光源 PointLint)

Three.js 中有许多不同种类的光源,每种光源都有特别的行为和用法。下面通过一个系列文章介绍它们的用法。

一、THREE.AmbientLight(环境光)

1,基本介绍

  • 在创建 THREE.AmbientLight 时,颜色会应用到全局。
  • 该光源并没有特别的来源方向,并且 THREE.AmbientLight 不会产生阴影。

2,使用建议

  • 通常,不能将 THREE.AmbientLight 作为场景中唯一的光源,因为它会将场景中的所有物体渲染为相同的颜色,而不管是什么形状。
  • 在使用其他光源(如 THREE.SpotLight 或者 THREE.DirectionLight)的同时使用它,目的是弱化阴影或给场景添加一些额外的颜色。

3,使用样例

由于 THREE.AmbientLight 光源不需要指定位置并且会应用到全局,所以我们只需要指定个颜色,然后将其添加到场景中即可。

1

2

var ambientLight = new THREE.AmbientLight(0x523318);

scene.add(ambientLight);

4,效果图

(1)下面是场景中只使用 AmbientLig

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值