p5.js | 亮度()函数

简介

亮度()函数是p5.js中的一个图像处理函数，它返回一张新图片，其中每个像素都被设置为其相对亮度的值。这可以用来调整图片的亮度。默认情况下，亮度在0到255的范围内。

语法

brightness(brightness)

参数

brightness：范围在0到255之间的数字，表示调整后的亮度值。

返回值

p5.Image类型的新图像，其中每个像素都被设置为其相对亮度的值。

示例

以下示例将显示一张原始图片和两张经过不同亮度调整的图片。

let img;
function preload() {
  img = loadImage('assets/testImg.jpg');
}
function setup() {
  createCanvas(400, 400);
  image(img, 0, 0);
  let newImg1 = brightness(img, 100);
  image(newImg1, 200, 0);
  let newImg2 = brightness(img, 200);
  image(newImg2, 0, 200);
}

在此示例中，我们使用loadImage()函数加载了名为 testImg.jpg 的图片，并将其存储在名为 img 的变量中。然后，我们在画布上绘制原始图片 (image(img, 0, 0))，以及亮度值分别为100和200的两张新图片(let newImg1 = brightness(img, 100)和let newImg2 = brightness(img, 200))。

注意事项

• 亮度调整的有效范围为0到255。
• 如果您调整的亮度值超过255或低于0，则p5.js会自动将其限制在合法范围内。
• 如果调用brightness()函数时未指定亮度值，则会返回原始图片的副本。

结论

brightness()函数是p5.js中一个方便的图像处理函数，可以帮助我们快速调整图片的亮度。它是p5.js中众多图像处理函数中的一个，通过组合使用这些函数，我们可以创建出各种独特的视觉效果。