手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Processing 3入门:颜色插值

时间:2024-10-13 16:51:11

1、lerpColor是颜色插值函数。用法为:lerpColor(颜色A,颜色B,v) 其中v是0~1之间的浮点数。0表示颜色A,1表示颜色B。

Processing 3入门:颜色插值

2、通过red,green,blue函数显示颜色的RGB数值,可以发现:在RGB颜色模式下,lerpColor对R,G,B分量分别线性插值。

Processing 3入门:颜色插值

3、通过hue,saturation,brightness脑栲葱蛸函数显示颜色的HSB数值,可以发现:在HSB颜色模式下,lerpColor对H,S,B分量分别线性插值。

Processing 3入门:颜色插值

4、通过如图代码,将颜色变量以16进制显示,可以看到颜色变量的结构是,最高8位不透明度,17~24位红,9~16位绿,1~8位蓝。

Processing 3入门:颜色插值

5、如图,在HSB模式下,从色相349到0的插值(亮度饱和度满),可以看到RGB分量如何变化。插值是首先将颜色变量计算得出R,G,B或者H,S,B数值,进行插值,再换算回颜色变量。

Processing 3入门:颜色插值
© 手抄报圈