Unity循环滚动背景效果制作（uGUI）

运行效果

制作过程

1 导入一张图片，设置格式如下

2 创建一个shader文件，对应的shader代码如下

Shader "Unlit/ScrollX"
{Properties{_MainTex("Base Layer(RGB)", 2D) = "white" {}    // 纹理    _ScrollX("Base layer Scroll Speed",Float) = 1.0   // 滚动速度_Mutiplier("Layer Mutiplier", Float) = 1         //整体亮度}SubShader{Tags{ "RenderType" = "Opaque" "Queue" = "Geometry" }LOD 100Pass{Tags{ "LightMode" = "ForwardBase" }CGPROGRAM
#pragma vertex vert
#pragma fragment frag#include "UnityCG.cginc"struct a2v{float4 vertex : POSITION;float2 texcoord : TEXCOORD0;};struct v2f{float4 pos : SV_POSITION;float2 uv : TEXCOORD0;};sampler2D _MainTex;float4 _MainTex_ST; float _ScrollX; float _Mutiplier;v2f vert(a2v v){v2f o;o.pos = UnityObjectToClipPos(v.vertex);o.uv.xy = TRANSFORM_TEX(v.texcoord, _MainTex) + frac(float2 (_ScrollX, 0.0) * _Time.y); return o;}fixed4 frag(v2f i) : SV_Target{fixed4 c = tex2D(_MainTex, i.uv.xy); c.rgb *= _Mutiplier;return c;}ENDCG}}FallBack "VertexLit"
}

3 创建一个材质球，设置shader为上面的shader，赋值图片，可以调整Base layer Scroll Speed来调整滚动速度

4 创建一个Image，赋值Material为上面制作的材质球

5 运行Unity即可看到滚动效果

Unity循环滚动背景效果制作（uGUI）相关推荐

unity循环滚动列表_【unity游戏开发】LoopScrollRect组件
引言对于背包界面,排行榜列表,聊天消息,等有大量的UI列表的界面, 常规做法是为每一条数据生成一个格子,在数据量越大的情况下,会生成越来越多的Gameobject,引起卡顿. 这个组件就是为了优化这 ...
html背景动起来,CSS+HTML 循环滚动背景效果
参考效果地址:CSS背景图无限循环滚动动画[1] Tips:文末有示例代码地址. 或许你主要想实现背景倾斜移动的效果,但这里也会给你介绍点其他知识点- 首先如果你想要实现背景这样的,方法有很多,只要有 ...
unity c# 制作英雄卡牌循环滚动列表
unity c# 制作英雄卡牌循环滚动列表我们将卡牌之间的间隔变大,则可以看到下面的UI 首先,我们想做一个滚动列表,这就像在 x轴和Z 轴上的一个循环的椭圆 ##如果我们将卡牌平均分 ...
3.8 JS 制作无间断图片循环滚动效果
制作无间断图片循环滚动效果要求图片高度,高度自行设定,要求显示n张图片(n=你的学号末位+6),例如:你的学号末位是3,那么你需要显示3+6共9张图片,9张图片循环滚动 index.html < ...
unity实现图片轮播效果_unity 背景无限循环滚动效果
背景无限循环滚动效果如下示: 步骤如下: 导入背景图片后,设置图片的格式,如下图: 2.图片格式也可以设置是Texture格式,但是Wrap Mode 一定要是Repeat[重复发生]:然后记得App ...
Unity的ScrollView无限循环滚动
前言此篇文章当作知识学习即可,需要使用循环复用的小伙伴可以尝试博主近期开发的ScrollCircleMaker v1.0,此插件功能比较完整,使用方便,如果遇到问题可以联系我进行修改. 当Scrol ...
Cinemachine教程 | Unity中如何快速制作镜头晃动？
摘要:经常在游戏.影视中会看到镜头晃动的镜头,比如枪的后坐力.爆炸.碰撞.巨人踩踏地面等等,镜头晃动如何快速制作呢? 洪流学堂,让你快人几步.你好,我是跟着大智学Unity的萌新,我叫小新,这是我本周 ...
Cinemachine教程 | Unity中如何快速制作相机切换动画？
摘要:使用Cinemachine可以快速制作相机切换动画,来看看我是怎么做的吧. 洪流学堂,让你快人几步.你好,我是跟着大智学Unity的萌新,我叫小新,这是我本周的学习总结报告哦. 好久不见.我最近 ...
html滚动字幕图片,网页HTML代码滚动文字制作
讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性.以下是小编整理的网页HTML代码滚动文字制作,欢迎来阅读! 制作滚动文字通过本章前面的学习,读者已经能够很好地控制 ...

Unity循环滚动背景效果制作（uGUI）

运行效果

制作过程

Unity循环滚动背景效果制作（uGUI）相关推荐

最新文章

热门文章