使用UnityShader实现图片沿中心缩放的功能(附UE4中的3种实现方法)

您所在的位置:网站首页 ue4uv旋转节点 使用UnityShader实现图片沿中心缩放的功能(附UE4中的3种实现方法)

使用UnityShader实现图片沿中心缩放的功能(附UE4中的3种实现方法)

2023-11-18 07:50| 来源: 网络整理| 查看: 265

使用UnityShader实现图片沿中心缩放的功能(附UE4中的3种实现方法) 原理 Unity中Shader的实现 UE4中的3种实现方法 方法1(使用虚幻自带的节点) 方法2(使用蓝图节点自己计算) 方法3(使用custom节点进行运算)

原理

在网上搜了一下贴图沿中心缩放的代码,发现并没有,自己研究了一下午,最后得出了结论 对原理不感兴趣的同学可以直接跳到第二部分的shader实现上,下面讲原理部分 首先,在Unity中创建一个Cube,一个Standard模式的Material,然后导入我下面这张用PS制作的测试图(中心稍微有一丢丢对不齐,不过用于测试足够了) 在这里插入图片描述 把图片赋给新建材质的Albedo上,然后把材质赋给新建的Cube,如下图所示 在这里插入图片描述 接下来进行几组UV的缩放和平移的测试 默认情况下,Tiling值都是(1,1),而Offset是(0,0),如下图所示 在这里插入图片描述 先试试将Tiling值调为大于1的情况 将Tiling逐渐调为2(Tiling为(2,2)时,如下图所示),可以看到图片在沿着左下角进行缩小,最后图片变成2x2的形式 在这里插入图片描述 但这不是我们要的效果,接着进行Offset的调整,使左下角的图案移动到正中心 在这里插入图片描述 移动完成后,会发现Offset的数值为(-0.5,-0.5) 得出第一组数据 Tiling(2,2) Offset(-0.5,-0.5) 在这里插入图片描述 接着试试Tiling为(3,3),出现如下图片 在这里插入图片描述 看起来似乎是我们要的效果,但还是要把左下角的图像向中心移动 在这里插入图片描述 移动完之后可以得出数据 Tiling(3,3) Offset(-1,-1)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3