P5.js | 亮度()函数介绍

P5.js 是一个基于 JavaScript 的创意编程库，它被用于创建有意思的交互式图像、音乐和艺术作品。亮度()函数是 P5.js 库中的一个特殊功能，用于设置画布或图片的亮度。

语法

brightness(value);

• value - 一个介于 0 到 255 之间的整数。0 表示黑色，255 表示完全亮的白色。

示例

function draw() {
  background(127);
  brightness(200);
  fill(255, 0, 0);
  ellipse(50, 50, 80, 80);
}

上述示例将设置背景颜色为灰色（127），然后将亮度设置为 200。最后，在画布上绘制红色椭圆形。

返回值

• 该函数没有返回值。

注意事项

• 该函数只能用于 setup() 函数或 draw() 函数中。
• brightness() 函数的值是全局的，会影响画布中所有的元素，包括图形、文本等。
• 该函数的值也可以使用 CSS 样式表中的 filter: brightness() 属性来进行设置，但需要注意值的范围为 0 到 1。

以下是一个使用 CSS 给亮度做设置的示例

canvas {
  filter: brightness(0.75); /* 0.75 表示 75% 的亮度 */
}

本文介绍了 P5.js 库中的 brightness() 函数，以及它的用法和注意事项。通过学习这个函数，程序员们可以掌握如何在画布和图片上进行亮度的设置，进而创作出更有趣、有创意的作品。