P5.js | 环境光()函数介绍

在p5.js中，可以使用环境光()函数来控制场景中的整体光照效果。使用环境光()函数，可以增加场景中所有物体的亮度，模拟室外光照的效果。

语法

ambientLight(v1, v2, v3);

其中，v1、v2、v3分别为环境光的红绿蓝三个颜色分量，取值范围为0到255。

示例

以下是一个实际案例，将环境光的色彩设定为白色：

function setup() {
  createCanvas(400, 400, WEBGL);
}

function draw() {
  background(220);
  ambientLight(255, 255, 255);
  sphere(60);
}

解释

在上面这个案例中，我们首先使用createCanvas()函数创建了一个400x400的WEBGL画布。接着，在场景中添加了一个白色的环境光，与色彩类似地表现出来的物体会更接近于白色，从而让整个场景明亮起来。最后我们画了个球体，仅仅是为了方便观察场景中的整体光照效果。

注意事项

• 环境光的位置不可以被改变，它是来自于无限远处的光源；
• 环境光设置过深或过浅可能会导致物体的细节丢失，应尽可能使其渲染出真实的细节。

结语

使用环境光()函数可以为场景创造更真实的光照效果。无论是三维建模、游戏开发还是建筑渲染，环境光在其中都扮演着极其重要的角色。