多语言展示
当前在线:896今日阅读:167今日分享:16

Processing 3入门:颜色插值

介绍在Processing 3中对颜色进行插值的办法,以及颜色变量的结构和注意事项。
工具/原料

Processing 3

方法/步骤
1

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

2

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

3

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

4

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

5

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

注意事项

因为颜色变量本身是ARGB存储,且没各分量范围0~255,这也是为什么设置其它颜色模式和范围时,分量总是有误差。

推荐信息