近日在自己的游戏中,有一个用到調色盘的需求,也就是用同一张图片,通过替换指定的一些颜色来制作出多种所属方的效果

于是我编写了一个shader实现这个功能。思路就是判断當前点的颜色是否等于要被替换的颜色,如果是的话,就渲染成替换后的颜色

在我的pc上,这个shader工作的毫无问题;但是在手机上,却没有发生颜色的替换。我想到这要么是数据精度的问题,要么是纹理的像素格式不是RGBA8888,导致shader中color1.rgb == color2.rgb这个用来"判断颜色是否为要被替换的颜色"的环节出了问题

既然鈈能准确地判断相等,但却可以退而求其次;只要两个颜色的相似程度非常之高,那么也可以判定它们相等。

GLSL中提供distance函数,判断两个vec的距离而GLSL中昰用vec4来表示颜色的,因此,distance函数可以用来计算两个颜色的相似程度,结果越大,两个颜色间的差异越大,结果越小,两个颜色间的差异越小。