【Shader】图集UV错乱问题支持MeshRenderer显示图集图片

问题：图集图片整张被渲染出来了或者 UV值不正常做UV动画会有问题，非图集图片则正常。

问题发生原因：

图片uv本身是[0,1]的，但是到了图集里，就肯定不是[0,1] 除非图集只有一个图片而且图片覆盖整个图集区域，即图片大小=图集大小。

解决思路：

假设图集图片的uv变为[x,y]，那么推导回[0,1]范围的，就需要知道图集图片的uv宽度和高度.

uv宽度=uvMaxX - uvMinX

uv高度=uvMaxY - uvMinY

我们如何获取到图集图片的uvMaxX、uvMinX、uvMaxY、uvMinY呢？有一个API可以获取。

Vector4 outUV = DataUtility.GetOuterUV(image.sprite);

可注意到传入的是一个图集图片Sprite对象，返回了一个Vector4(uvMinX, uvMinY, uvMaxX, uvMaxY)

求出uv宽度和uv高度之后，就是简单地将图集图片uv[x,y]映射回[0,1]

x' = (x - uvMinX) / uv宽度, y' = (y - uvMinY) / uv高度

[x', y'] 在[0,1]范围内，这样我们就恢复了UV在[0,1] 就可以正常地像没有在图集里使用图片去做UV动画或做UV的一些处理了，等处理完成后，在使用UV采样图片Texture前，需要将UV恢复回去！

恢复操作即利用[x',y']反推出[x,y]

x = uvMinX + uv宽度 * x', y = uvMinY + uv高度 * y'

代码：

inline float2 NormalizeAtlasSpriteUV(float2 uv)
{float width = atlasSpriteRectUV.z - atlasSpriteRectUV.x;float height = atlasSpriteRectUV.w - atlasSpriteRectUV.y;return float2((uv.x - atlasSpriteRectUV.x) / width, (uv.y - atlasSpriteRectUV.y) / height);
}inline float2 ReverseNormalizeAtlasSpriteUV(float2 uv)
{float2 r = uv;r.x = atlasSpriteRectUV.x + (atlasSpriteRectUV.z - atlasSpriteRectUV.x) * r.x;r.y = atlasSpriteRectUV.y + (atlasSpriteRectUV.w - atlasSpriteRectUV.y) * r.y;return r;
}

其中，atlasSpriteRectUV是DataUtility.GetOuterUV获取的outUV（Vector4)。上述2个方法不难看出第一个是转[0,1] 将图集图片uv映射回[0,1]范围，等使用uv参与的运算结束后，使用第二个方法reverse回图集图片uv范围，然后再去使用这个图集图片uv采样图片。传入的float2 uv就是图片UV

上述outUV是获取UGUI Image图片的，SpriteRenderer的Sprite也是同理。

参考：Unity 精灵图集Shader渲染错乱_无幻-CSDN博客

支持MeshRenderer显示图集图片（SpriteAtlas）方法：

将上面的调用调整UV顺序反过来即可，先进行ReverseUV 再去Normalize回来，不然的话会将整张大图集图片渲染出来！

可优化地方：在C#侧计算好width, height再传入outUV.zw ，不要在shader里进行这种计算

其他问题：
使用图集图片后，UV范围也可能会受到影响，我有使用UV判断UV处于哪个范围就改变颜色或透明化的处理，如果发现这段代码有问题，需要先将UV从图集UV转到正常UV[0,1]范围内，使用 NormalizeAtlasSpriteUV转，一般SpriteRenderer它就是传图集UV的。然后发现还是不对！！调整判断UV条件，将范围调成简单的[0, 0.5]之类的看看它的裁剪朝向是不是正常。

【Shader】图集UV错乱问题支持MeshRenderer显示图集图片相关推荐

JEECMS的新浪图集在IE9、10不能显示大图片BUG的解决方法
2019独角兽企业重金招聘Python工程师标准>>> 最近我给学校对外交流合作处做的网站,因为是学java开发,所以就基于JEECMS去做. 等到项目做好,差不多要交工的时候,发 ...
[django]Django站点admin支持中文显示和输入设置
正文: Django站点admin支持中文输入设置,操作如下: 1 需要确定的你的数据库的client客户端和服务端的编码设置为utf-8,如果不是,请将其设置成utf-8编码,我采用mysql,详情 ...
扩展Snackbar 使其支持居中显示
https://github.com/nispok/snackbar 默认Snackbar支持底部或者顶部显示,不支持居中显示查看Snackbar.java的源码可以看到createMarginLa ...
让英文版的LINUX 支持中文显示
(以REDHAT为例) 1.首先查看系统中有没有安装中文支持软件包 rpm -qa |grep fonts-chinese 如果命令执行后能够查询到相应的包,那么说明已经安装过包:反之则没有安装 ...
Unity Shader之uv旋转
uv旋转,注意按照z轴变换的时候旋转公式,还有中心点的设置 Shader "Custom/UV rotation" {Properties{_MainTex("Textu ...
关于unity3D shader的UV理解
** 关于unity shader的UV的理解 ** 定义: 摘自其他博主的定义: U和V分别是图片在显示器水平.垂直方向上的坐标,取值一般都是0~1,也就是(水平方向的第U个像素/图片宽度,垂直方 ...
NET MD问题！那些线控支持汉字显示啊，我的是SONY N910可以吗？谢啦！！！
NET MD问题!那些线控支持汉字显示啊,我的是SONY N910可以吗? 谢啦!!! 悬赏分:5 - 解决时间:2005-10-26 19:34 <cd></cd> 提问者: ...
让黑莓模拟器支持中文显示
黑莓模拟器不支持中文显示和输入,调试中文程序的时候出现方块,解决方法如下: [首先找到模拟器安装目录] 情况一:如果使用的是bb jde for eclipse plugins的话,找到eclipse ...
一百零二、Hive——hive设置元数据支持中文显示
在hive中建外部表时遇见到这样一个问题,就是表字段的中文注释在desc 表结构时看不了,发现原来是Hive的元数据库没有设置支持中文显示第一步,在元数据库metastore完成初始化后,再次登录M ...

【Shader】图集UV错乱问题支持MeshRenderer显示图集图片

【Shader】图集UV错乱问题支持MeshRenderer显示图集图片相关推荐

最新文章

热门文章