p5.js | 字节() 函数

在 p5.js 中，字节() 函数用于将指定像素的颜色值转换为一个位于 0 到 255 之间的整数并返回。字节() 函数可以用于处理像素数据或者颜色数据。

语法

byte(pixelValue);

• pixelValue：表示要转换的像素颜色值。该值可以是一个颜色对象（如 color() 函数所返回的值）或一个 RGBA 颜色值（每个通道的取值范围为 0 到 255）。

返回值

byte() 函数将指定像素的颜色值转换为一个位于 0 到 255 之间的整数并返回。如果传入的是颜色对象，则 byte() 函数将采用该对象的最亮通道的亮度数据作为返回值。如果某个通道的值大于 128，则该通道的值会被设置为 255；否则该通道的值会被设置为 0。

示例

示例 1：将颜色对象转换为整数

let c = color(255, 204, 0);
let b = byte(c);
console.log(b);  // 输出结果为 "227"

在此示例中，我们首先使用 color() 函数创建一个颜色对象 c。然后使用 byte() 函数将其转换为一个整数值 b。最后将 b 的值输出到控制台上。

示例 2：将 RGBA 颜色值转换为整数

let r = 255;
let g = 204;
let b = 0;
let alpha = 128;
let pixel = color(r, g, b, alpha);
let i = byte(red(pixel));
console.log(i);  // 输出结果为 "255"

在此示例中，我们首先创建了一个 RGBA 颜色值 pixel。然后使用 red() 函数提取其红色通道的值，并使用 byte() 函数将其转换为一个整数值 i。最后将 i 的值输出到控制台上。

注意事项

如果使用 byte() 函数处理的颜色对象包含 alpha 通道，则 byte() 函数将忽略 alpha 通道的值。如果需要处理 alpha 通道的值，则可以使用 alpha() 函数提取 alpha 值，并使用 byte() 函数将其转换为整数值。