【Unity Shader】马赛克效果Mosaic

效果如下:

在这里插入图片描述
在这里插入图片描述

原理:

以常见的普通正方形小方块表现的马赛克为例,首先将图片进行格子划分为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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值