Unity URP 修改UV的Offset产生图片拉伸问题

最新推荐文章于 2024-04-14 18:19:29 发布
最新推荐文章于 2024-04-14 18:19:29 发布
阅读量615 收藏
点赞数 1
分类专栏： Unity 文章标签： unity shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a71468293a/article/details/131202987
版权
在使用Unity的UniversalRenderPipeline(URP)和ShaderGraph编辑2D着色器时，修改UV的Offset未达到预期的图片流动效果，反而造成图片被拉伸。问题的关键在于，图片的WrapMode属性需设置为Repeat，这样才能确保图片在Offset更改时正确循环显示，从而实现流动效果。记得在调整后应用设置以使改动生效。
摘要由CSDN通过智能技术生成

Unity URP 修改UV的Offset产生图片拉伸问题

前言

使用Shader Graph编辑一个2D Shader，修改UV的Offset属性，发现图片并没有流动起来，而是被拉伸了。
被拉伸的图片

修复

找了一下资料，发现是图片的Wrap Mode属性要修改为Repeat才能让图片流动起来。

修改图片的WrapMode
最后需要Apply一下

Shader 编程：解决图片拉伸变形问题
字节流动
07-27 394
前面发了一些关于 Shader 编程的文章，有读者反馈太碎片化了，希望这里能整理出来一个系列，方便系统的学习一下 Shader 编程。由于主流的 Shader 编程网站，如 ShaderToy, gl-transitions 都是基于 GLSL 开发 Shader ，加上 MSL 和 GLSL 语法上差别不大，后面系列文章将以 GLSL 为主来介绍 Shader 编程。
【Unity URP渲染管线下GUI圆形&扇形_多功能线框Shader_案例分享】
暴走约伯的博客
12-22 589
上图看效果。
UVOffset.unitypackage
06-24
用于unity实现管道水流效果的shader,里面有一个场景案例，此shader可控制水的流向（前后左右），也可以控制水流的速度。使用比较简单，有需要的可以收藏下。我正在从事虚拟仿真软件方向的开发工作，欢迎关注我，一起共同进步。
Unity3D 使图片拉伸不变形
qq_18809975的博客
05-22 9695
【解决前效果】 【解决后效果】 解决方法： 第一步：打开Sprite Editor 第二步：按住图片边缘上的绿色小点，往中间拖 拖成如下效果，其中中间绿色框围成的区域就是变形的区域。 点击Apply保存。 第三步：在image中，将Image Type中的Simple改为Sliced，在场景（Scene）窗口中拖动调节大小，或者 ...
three.js UV动画(偏移属性`.offset`)
u014291990的博客
01-08 966
offset。
unity使用代码修改URP材质的UV偏移
qq_40147088的博客
11-01 411
unity使用代码修改URP材质的UV偏移
Unity Shader:三向贴图（Tri-planar mapping)---解决地形拉伸贴图变形以及贴图边缘的缝隙问题
liu_if_else的博客
06-28 1万+
效果图： 效果图1,地形：左边为三平面式贴图效果，右边为一般贴图效果。 效果图2，树干:右边为三平面式贴图效果，左边为一般贴图效果。 效果图3，球体：左边为三平面式贴图效果，右边为一般贴图效果。1,世界坐标贴图 World Space UV-mapping 在一般的贴图方法中，在片段着色器内使用tex2D(texture,uv);对2D材质进行采样时，片段着色器将会根据顶点着色器将会传入的顶
Unity中URP下实现能量罩（扭曲流光花纹）
楠溪泽岸的博客
01-11 1289
在上一篇文章中，我们实现了能量罩外发光的效果。但是，这样看我们的能量罩十分单调不好看。在这篇文章中，我们给能量罩加上花纹，使其变好看。
Unity3D URP中使用Render Feature实现后处理效果
菰城茧的博客
10-20 7518
unity urp 自带了一个后处理组件Volume，提供了不少后处理效果： 除此之外，Render Feature 也可以实现类似的效果，并且自由度更高。 使用方式是，在RenderPiplineAsset 中的Renderer中新增Feature，下面举例说明如何通过Feature增加一个KawaseBlur的后处理效果。 首先写一个自定义的Feature脚本： using System.Collections.Generic; using UnityEngine; using UnityEngin
Unity-URP学习笔记（二）外轮廓描边
qq_43434349的博客
03-04 3256
Unity-URP学习笔记（二）URP描边材质制作基础角色shader一、结果展示（直接从法线方向拓展顶点）描边Shader展示一二、结果展示（根据屏幕距离适始终保持的描边）描边Shader展示二 URP描边材质制作 采用的两个shader的Pass制作，先放无描边的基础shader。 基础角色shader Shader "MyURP/CharMain" { Properties { _Color ("Color", Color) = (1,1,1,1) _M
Unity3d URP 渲染管线和 Built in 渲染管线中 shader 的区别
菰城茧的博客
10-20 4251
URP使用HLSL语言；BIPR使用CG语言 URP 的SubShader的Tags中需要添加"RenderPipeline" = “UniversalPipeline” URP使用单一的forward通道，多个光照通过数组形式传入；BIPR每一个光照跑一个pass 合批流程不同，URP给每个不同的材质球建立持久化数据在gpu中，每一个shader变体一次合批，无论多少材质球；URP每一个材质球一次合批（下图）CBUFFER_START， CBUFFER_END URP需要定义取样器S..
Unity简单修改UV的动画脚本
没钱装电脑的程序猿
05-05 4868
using UnityEngine; using System.Collections; public class UVScroll : MonoBehaviour { public float SpeedX; public float SpeedY; public float Direction; private Material material; p
Shader Graph20-三面拉伸修复
zhuziying99的专栏
06-01 274
Mask部分，先使用VertexNormal取绝对值然后Power得到红绿蓝三色间隔黑色部分，然后使用divide去掉黑色部分，得到下图左侧的结果，然后Split得到B方向也就是z轴方向的结果。在场景上添加两个球体，左侧是使用Triplanar Projection，右侧是没有使用的。右侧的在水平方向是上有拉伸现象，顶部还有聚集缩小的现象。Shader中下边红框为Mask的部分对应红绿蓝三色图，绿框部分Texture对应带有拉伸Texture图，两部分的结果就是最左侧的图。而x、y的方向上纹理出现了拉伸。
Unity Shaders and Effects Cookbook (2-2) 修改 UV 坐标实现 帧动画
Hello Captain
03-23 2209
在2D游戏中，如果要做动画效果，一般是让美术制作连续帧的动画，然后我们用代码控制图片连续播放，这样就实现了帧动画，在shader中也可以实现这个效果。 在上一节中学习了 改变 UV 坐标 然后来实现水流效果，这一节 通过改变UV坐标来实现帧动画效果。 文章转自http://blog.csdn.net/huutu http://www.thisisgame.com.cn 美术给
material之UV，offset，tiling
惊风无尘的专栏
03-17 5463
UV坐标系如图： offset指定使用贴图的起始位置， 取值范围[0,1]tiling：从offset位置处开始平铺图片，超过的部分（即空白处）会按比例生成新的区域 拼接 到空白处。 取值范围[-1,1] 在unity中建一个cube，新增一个用下图填充的材质球，改变offset和tiling的值，你就会明白为什么。 假设：offset的x和y的值分别为（0.1,0.25），则可以理
UnityShaderUV动画讲解一：移动端UV简单偏移
shijunwei0326的博客
04-14 2241
变体的使用有一篇参考文献写的非常好，我这里就不展开讲解了，各位技术大佬注意一点的是变体数量不能超过255个。今天开始给大家讲解动态效果第一弹：UV动画， 常见于特效使用，背景移动，贴图滚动效果等等。_Time是用来驱动shader内部的动画的变量，用来计算时间变量。_Time的4个分量分别是(t/20, t, t*2, t*3)其原理就是通过时间去修改UV坐标上的X值和Y值从而改变每个像素在模型表面的位置。
对纹理进行uv坐标偏移
qq_39691716的博客
09-27 468
Shader "UShaderMagicBook/UvOffsetAnimation"{ Properties{ _MainTex("Main Texture",2D) = "white"{} _XSpeed("X Axis Speed",Float) = 1.0 _YSpeed("Y Axis Speed",Float) = 1.0 } SubShader{ pass {
Shadergraph浅试1 uv偏移 linerenderer的透明动态流动
习惯冬天的静谧
03-14 925
linerenderer的动态流动,以uv随时间偏移的方式
Unity 之 ShaderGraph入门使用详解
热门推荐
陈言必行 -- Unity游戏开发领域优质博主
07-01 3万+
可视化编辑特效？制作Shader不需要写代码了？来一起看看吧~
unity urp修改模型网格顶点的颜色
最新发布
11-29
在Unity引擎中使用Universal Render Pipeline (URP) 修改模型网格顶点颜色，你需要通过脚本来操作，因为URP是基于Shader语言的。以下是一个简单的步骤概述： 1. **获取顶点数据**：首先，你需要获取到你想要改变颜色的模型的Mesh对象，然后访问它的顶点数据。这通常通过`Mesh.vertices`和`Mesh.normals`属性完成。 ```csharp Mesh mesh = GetComponent<MeshFilter>().sharedMesh; Vector3[] vertices = mesh.vertices; ``` 2. **编写Shader**：在Unity的Shader中，你可以通过`表面着色器`（Surface Shader）来直接控制顶点颜色。例如，在Unlit.shader文件中添加`Color.vertexColor`变量来接受顶点颜色信息。 ```hlsl float4 _MainTex; // Texture coordinate fixed4 _Color; // Vertex color sampler2D(_MainTex); float4 fragColor; { fixed4 col = tex2D(_MainTex, UV) * _Color; fragColor = col; } ``` 3. **更新颜色**：在脚本里，对于每个顶点，你可以创建一个新的颜色，并应用到对应的Shader变量上。 ```csharp foreach (var vertex in vertices) { Color newColor = ... // 这里根据需要设置新的颜色值 mesh.SetVertexColor(vertex, newColor); } mesh.RecalculateNormals(); // 如果需要，更新法线以保持光照效果 ``` 4. **编译并应用Shader**：记得编译并应用你修改后的Shader到模型上，让其生效。 注意：这个过程假设你对Unity Shaders有基本了解，如果模型有复杂的光照需求，可能还需要考虑材质系统和UV映射。此外，频繁地修改大量顶点可能会降低性能，尽量避免不必要的顶点颜色更改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值