Three.js中有哪的几种光源，每种光源分别代表什么意思？？？（讲解十分详细）

2024-07-15 09:04| 来源: 网络整理| 查看: 265

环境光境光可以说是场景的整体基调。如何创建环境光呢？代码如下。

var ambient = Three.AmbientLight(0xffffff); // 首先创建环境光源 scene.add(ambient); // 将环境光源添加到scene场景中

API包含两个参数color，intensity

Three.AmbientLight(color, intensity) color-表示环境光源的颜色十六进制（默认参数0xffffff） intensity-表示环境光源的强度（默认参数1）

环境光源由于是四面八方的，所以并不会产生阴影。只有环境光的场景是不真实存在的，因为颜色无法凸显出来，以下图例给予解释。

环境光 + 点光源：在这里插入图片描述

环境光：

点光源

点光源的光可以想象成是一个点，向四周发散光源，由于也是向四周发散光源所以并不会产生阴影。点光源API如下：

Three.PointLight( color, intensity, distance, decay ) color - 点光源的颜色 intensity - 点光源的强度 distance - 点光源的距离 decay - 随着点光源的距离，光源强度衰减程度，默认为1，为了模拟真实的效果可以设置为2

创建示例如下：

var pointLight = new Three.PointLight(color, intensity, distance, decay); pointLight.position.set(3, 3, 3); scene.add(pointLight);

环境光：在这里插入图片描述环境光 + 点光源（颜色：白色；强度：1；照射距离：10000）：环境光 + 点光源（颜色：白色；强度：1；照射距离：3000）：环境光 + 点光源（颜色：白色；强度：0.5；照射距离：10000）：环境光 + 点光源（材料颜色：白色；点光源颜色：红色；强度：1；照射距离：10000）：在这里插入图片描述

聚光灯当你想产生阴影的时候，可以使用聚光灯。聚光灯就是一个点照射出的光，就跟手电筒是一样的。 API代码：

Three.spotlight(color, intensity, distance, angle, penumbra, decay) color - 聚光灯颜色 intensity - 聚光灯强度 distance - 聚光灯照射距离 angle - 聚光灯照射角度，不超过90°，默认为最大值 penumbra - 聚光灯照射模糊程度 decay - 距离越远，强度衰减程度，默认为1

【本文地址】

公司简介

联系我们