介绍在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,这也是为什么设置其它颜色模式和范围时,分量总是有误差。