Unity UGUI Image UV移动shader

simple: 需要将图片设置成 repeat 模式

Shader "Monkey/UIT2DUV"
{Properties{_MainTex("Main Texture (RGB)", 2D) = "white" {}_Speed("Speed",Vector) = (0,0,0,0)}SubShader{Tags { "Queue" = "Transparent"}Pass{ZWrite OffBlend SrcAlpha OneMinusSrcAlphaCGPROGRAM#pragma vertex vert#pragma fragment frag#include "Lighting.cginc"struct a2f {float4 vertex : POSITION;float2 texcoord : TEXCOORD0;};struct v2f {float4 pos: POSITION;float2 uv: TEXCOORD0;};sampler2D _MainTex;float4 _MainTex_ST;Vector _Speed;v2f vert(a2f v){v2f o;o.pos = UnityObjectToClipPos(v.vertex);o.uv = TRANSFORM_TEX(v.texcoord,_MainTex) - frac(_Speed * _Time.y);return o;}fixed4 frag(v2f i) : SV_Target{float4 col1 = tex2D(_MainTex,i.uv);return col1;}ENDCG}}Fallback "Transparent/Cutout/VertexLit"}

注意点:
1. 基于shader创建的材质球直接赋值到 Image组件的 material

2. 该图片使用 PSD 格式 (不要使用PNG和JPG等格式,不然移动会有拖尾)

效果如下:

Shader "Unlit/ImageUVShader"
{Properties{_MainTex ("Main Texture (RGB)", 2D) = "white" {}_ScrollXMain("ScrollX Main",Range(0,1)) = 0_Mutiply("Mutiply",float) = 1}SubShader{Tags { "Queue"="Transparent"}Pass{ZWrite OffBlend SrcAlpha OneMinusSrcAlphaCGPROGRAM#pragma vertex vert#pragma fragment frag#include "Lighting.cginc"struct a2f{float4 vertex : POSITION;float2 texcoord : TEXCOORD0;};struct v2f{float4 pos: POSITION;float2 uv: TEXCOORD0;};sampler2D _MainTex;float4 _MainTex_ST;fixed _ScrollXMain;float _Mutiply;v2f vert (a2f v){v2f o;o.pos = UnityObjectToClipPos(v.vertex);o.uv = TRANSFORM_TEX(v.texcoord,_MainTex)- frac(float2(_ScrollXMain,0.0)*_Time.y);return o;}fixed4 frag (v2f i) : SV_Target{float4 col1 = tex2D(_MainTex,i.uv);return col1;}ENDCG}}Fallback "Transparent/Cutout/VertexLit"}

Unity UGUI Image UV移动shader相关推荐

Unity UGUI uv1 uv2 不起作用
protected override void OnPopulateMesh(UnityEngine.UI.VertexHelper vh) { ..... ... } 当重写Unity UGUI组件 ...
Unity UGUI 数字使用图片显示-BMFont
Unity UGUI 数字使用图片显示-BMFont BMFont 之前使用Cocos引擎的时候需要用到艺术字也就是将数字使用美术给的图片来代替显示,也就是要做一个新字体专门用来显示艺术字,当时用的是 ...
unity 2020 怎么写shader使其接受光照?_如何在Unity中造一个PBR Shader轮子
之前有业界大佬建议我去了解下Unity的PBR.说来惭愧,我查找了下资料才发现自己在这方面的知识居然是一片空白.经过几周的学习与尝试我对这一块算是有了初步的了解,于是写了这篇文章,一方面对自己学到的东 ...
【游戏开发实战】Unity UGUI Text图文混排（聊天文字混表情），支持动态表情，出招吧表情帝
文章目录一.前言二.最终效果三.具体使用 1.导入表情素材 2.设置图片格式 3.生成表情图集 4.UI-EmojiFont.shader 5.材质球四.测试五.结束语一.前言点关注不迷 ...
Unity UGUI图文混排源码(二)
Unity UGUI图文混排源码(一):http://blog.csdn.net/qq992817263/article/details/51112304 Unity UGUI图文混排源码(二):ht ...
Unity UGUI 效果之 UI 元素多边形UI （例如雷达图,圆形,不规则多边形 UI等）显示的简单实现的几种方法整理
Unity UGUI 效果之 UI 元素多边形UI (例如雷达图,圆形,不规则多边形 UI等)显示的简单实现的几种方法整理目录 Unity UGUI 效果之 UI 元素多边形UI (例如雷 ...
Unity UGUI Rect
Unity UGUI Rect rect.x与rect.y rect.min和rect.max rect.center rect.x与rect.y x,y就是rect类的根坐标,有了它我们就能确定我们 ...
Unity UGUI Button 中文详解-Chinar
Chinar blog :www.chinar.xin Unity UGUI 完整系列教程 (Chinar中文图解) Unity UGUI Button 组件本文提供全流程,中文翻译. Chinar ...
Unity UGUI Batches合批规则详解（含源码）
Unity UGUI Batches合批规则详解在处理UGUI DrawCall问题的时候,我们经常遇到各式各样的问题. 问题1:在处理UGUI合批的时候,发现了一个面板父节点发生旋转,底下的UI合 ...

Unity UGUI Image UV移动shader

Unity UGUI Image UV移动shader相关推荐

最新文章

热门文章