效果如下:
原理:
以常见的普通正方形小方块表现的马赛克为例,首先将图片进行格子划分为N*N个小方块.然后每个小方块的颜色则取该方块中心点位置的颜色值.代码上的目标就是某个小块内的uv值都修改为本小块的中心点的uv值.
关键代码:
i.uv.x = round(i.uv.x / _Factor) * _Factor;
i.uv.y = round(i.uv.y / _Factor) * _Factor;
round(x) 四舍五入, 为了让周围的像素取中心点的颜色值. _Factor范围大小的参数,表现上就是马赛克色块的大小.
比如_Factor = 0.01
正常情况下 UV的范围是 [0-1]
当 u = 0.02 时
round(u / _Factor) * _Factor = 0.02
当u=0.014时
round(u / _Factor) * _Factor = round(1.4) * _Factor = 1 * _Factor = 0.01;
当u=0.019时:
round(u / _Factor) * _Factor = round(1.9) * _Factor = 2 * _Factor = 0.02;
当 u= 0.024时
round(u / _Factor) * _Factor = round(2.4) * _Factor = 2 * _Factor = 0.02;
当 u= 0.025时:
round(u / _Factor) * _Factor = round(2.5) * _Factor = 3 * _Factor = 0.03;
可以看出,当u= 0.02 ± 0.05 时,即处于[0.015, 0.02