深入理解three.js中平面光光源RectAreaLight

最新推荐文章于 2024-03-31 19:12:48 发布

雁来过

最新推荐文章于 2024-03-31 19:12:48 发布

阅读量1.4k

点赞数

分类专栏： three js 3D可视化

本文链接：https://blog.csdn.net/baby_duoduo/article/details/101001209

版权

前言

之前有深入讲解过Three.js中光源，在那篇文章的最后也说了由于平面光光源的特殊性，所以会单独拿出来讲解，这篇文章会详细的讲解平面光光源的特性和实际应用该如何使用。

首先，平面光光源从一个矩形平面上均匀地发射光线，这种光源的主要应用场景是模拟明亮的窗户或者条状灯光光源，实际在开发家具建模项目中会有广泛应用。平面光光源的最大特点事不支持阴影，我们无法通过设置RectAreaLight.castShadow = true来映射让物体显示阴影，而且，平面光光源支持的材质也很有限，只有MeshStandardMaterial和MeshPhysicalMaterial两种材质。有一点需要特别说明下，查看官方文档中有你必须在你的场景中加入 RectAreaLightUniformsLib ，并调用init() 注意事项，但是我在项目中使用发现，我不添加RectAreaLightUniformsLib也是能够正常运行的。

原理说明

创建一个平面光光源很简单，官网实例如下：

var width = 10;
var height = 10;
var intensity = 1;
var rectLight = new THREE.RectAreaLight( 0xffffff, intensity,  width, height );
rectLight.position.set