P5，腾讯Android开发面试记录

---

• 用于设置颜色的color方法

• 对color进行颜色三原色提取的red(红)、green(绿)、blue(蓝)及alpha(透明度)

• 对color进行hue(色调)、brightness(亮度)、saturation(饱和度)及lightness(光度)提取

• 对color进行lerpColor(混合)

二 color(设置颜色)

---

2.1 color的格式

| 语法 | 示例 | 说明 |

| :-: | :-: | :-: |

| color(gray, [alpha]) | color(65) | 0-255之间的数值 |

| color(v1, v2, v3, [alpha]) | color(255, 204, 0) | 红绿蓝(透明度) |

| color(value) | color(‘magenta’)

color(’#0f0’)

color(‘rgb(0,0,255)’) | 颜色字符串 |

| color(values) | color([255,0,0,100]) | 颜色数组 |

| color(color) | let c=color(255,0,0);let c2=color©; | 给color赋值color |

参数说明：

| 参数 | 类型 | 说明 |

| :-: | :-: | :-: |

| gray | 数字 | 一个定义白与黑之间的数值 |

| alpha | 数字 | 透明度值（默认为 0 至 255） |

| v1 | 数字 | 红彩值或色调值，需在被定义的范围内 |

| v2 | 数字 | 绿彩值或饱和度值，需在被定义的范围内 |

| v3 | 数字 | 蓝彩值或亮度值，需在被定义的范围内 |

| value | 字符串 | 颜色字符串 |

| values | 数字数组 | 一个有红、绿、蓝及透明度值的数组 |

| color | p5.Color | |

2.2 示例

代码

function draw()

{

let c = color([255,0,0,100]);//设置颜色

fill©;//填充颜色

rect(15, 20, 35, 60);//绘制图形

}

效果图

三 color三原色及透明度提取

---

3.1 说明

| 方法 | 用法 | 说明 |

| :-: | :-: | :-: |

| red | red(color) | 从颜色或像素数组中提取红色彩值 |

| green | green(color) | 从颜色或像素数组中提取绿色彩值 |

|

blue | blue(color) | 从颜色或像素数组中提取蓝色彩值 |

| alpha | alpha(color) | 从颜色或像素数组中提取透明度值 |

3.2 示例(red为例)

代码

function draw()

{

let c = color(255, 204, 0); // 定义颜色值c

fill©; // 填充颜色

rect(15, 20, 35, 60); // 绘制左侧区域

let redValue = red©; // 获取c中红色

fill(redValue, 0, 0); // 用获取的红色填充(红,绿,蓝)

rect(50, 20, 35, 60); // 绘制右侧区域

}

效果图

四 hue(色调)、brightness(亮度)、saturation(饱和度)及lightness(光度)

---

4.1 说明

| 方法 | 用法 | 说明 |

| :-: | :-: | :-: |

| hue | hue(color) | 从颜色或像素数组中提取色调值 |

| brightness | brightness(color) | 从颜色或像素数组中提取 HSB 的亮度值 |

| saturation | saturation(color) | 从颜色或像素数组中提取饱和度值 |

| lightness | lightness(color) | 从颜色或像素数组中提取 HSL 的光度值 |

4.2 示例

|

| brightness | brightness(color) | 从颜色或像素数组中提取 HSB 的亮度值 |

| saturation | saturation(color) | 从颜色或像素数组中提取饱和度值 |

| lightness | lightness(color) | 从颜色或像素数组中提取 HSL 的光度值 |

4.2 示例