Unity Shader实现背景无限循环滚动效果

最新推荐文章于 2023-04-23 16:57:28 发布
最新推荐文章于 2023-04-23 16:57:28 发布
阅读量1.8k 收藏 3
点赞数 1
分类专栏： 项目总结 shader 文章标签： 游戏 unity shader
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a_aiting/article/details/105685240
版权

最近做项目遇到的这个需求，分享给大家，有需要可以参考。

  • 首先我们准备一下背景贴图，然后对贴图进行设置如下图所示：
    在这里插入图片描述

贴图格式也可以是Texture格式，但是WrapMode 一定要是Repeat【重复发生】；记得Apply
WrapMode:循环模式；换行模式；包裹模式；缠绕

  • 将材质拖到物体身上
  • 下面来编写Shader,代码如下
Shader "Unlit/ScrollX"
{
   
	Properties
	{
   
		 _Color("Color", Color) = (1,1,1,1)				// 颜色
		_MainTex("MainTex(RGBA)", 2D) = "green" {
   }     // 纹理    
	_ScrollX(
最低0.47元/天 解锁文章
骑着小摩托的成年人
关注
专栏目录
unity最简单实现背景图无限循环效果，利用Material.mainTextureOffset
向宇
05-13 1863
1.设置背景图片为重复或者镜像才可以2.新建背景，挂载图片和脚本3.编写脚本4.效果原理在Unity中，.material.mainTextureOffset是一个用于控制网格渲染器材质纹理图案偏移的变量。它是一个二维向量值，控制材质主纹理贴图的偏移量。具体来说，它控制绘制网格时纹理的起始点的位置，以使材质与纹理的对齐方式相符。其实就是不断修改网格渲染器材质xy偏移值。
Unity Shader滚动动画
qq_44800780的博客
12-02 398
Shader "Scroll" { Properties { _MainTex ("Texture", 2D) = "white" {} _Scrollx("Scroll Speed", Range(0,10)) = 1 } SubShader { Tags { "RenderType"="Opaque" } ...
animation 循环_[Unity+shader]无限循环背景的制作
weixin_39916681的博客
11-27 514
slideshow Effect 2d更新了新版本，之前讲到的没有收录的效果已经都收录进去了。老用户可以更新，新用户有兴趣可以支持一下。临近放假，犯懒不想写太长的文，毕竟画图也比较费劲，所以今天讲一下比较简单的内容。 制作无限循环背景的方法已经基本可以说是众所周知，就是在移动一张图片的时候，在边缘使用同样的图片来补充。在unity中，可以用非常直观的方法来实现。首先准备一张四方连续的图片，如果只需...
unity Shader 实现 图片 循环滚动
地球OL重生之我是程序员
09-24 2089
Shader "Unlit/ScrollX" { Properties { _MainTex("Base Layer(RGB)", 2D) = "white" {} // 纹理 _ScrollX("Base layer Scroll Speed",Float) = 0.1 // 滚动速度 _Mutiplier("Layer Mutiplier", Float) = 1 //整体亮度 } SubShader { Tags{ "RenderType"
unity使用shader简单实现背景无限循环滚动效果
lcy的博客
11-11 4542
步骤如下： 1.导入背景图片后，设置图片的格式，如下图。 2.图片格式也可以设置是Texture格式，但是Wrap Mode 一定要是Repeat[重复发生]；然后记得Apply一下。[解释：Wrap mode :循环模式；换行模式；包裹模式；缠绕] 3.在Hierachy视图中，新建2D Object-〉Sprite 或者一个Image，将之前设置好的精灵放入Texture。 4.在Pro...
UnityShader之纹理贴图滚动实现（修改UV坐标）
AutisticPatient的博客
03-26 3045
刚打了一把彩虹6，被情景模式虐了 /(ㄒoㄒ)/OK，物体的表面实现滚动纹理，这个技术可以用来做瀑布，河流，当然配合其他的复杂计算可以实现复杂的效果，这里只说简单的其实思路很简单 1.不改光照，就一个主纹理，通过_Time方法，实现实时运行 2.获取UV坐标 3.UV坐标与实时变换叠加，最后apply输出 Shader "CookbookShaders/Chapter02/Scrol
unity实现图片轮播效果_unity 背景无限循环滚动效果
weixin_39790760的博客
12-22 3941
背景无限循环滚动效果如下示：步骤如下：导入背景图片后，设置图片的格式，如下图；2.图片格式也可以设置是Texture格式，但是Wrap Mode 一定要是Repeat[重复发生]；然后记得Apply一下。[解释：Wrap mode :循环模式；换行模式；包裹模式；缠绕]3.在Hierachy视图中，新建2D Object-〉Sprite 或者一个Image，将之前设置好的精灵放入Texture。4...
Unity Shader实现各种进度条
weixin_33842328的博客
04-28 1816
1、圆形进度条shader Shader "ProgressBar360" { Properties { _BGTex("Background Texture",2D) = "white"{} // [PerRendererData] _MaskTex("Mask Texture", 2D) =...
Unity飞机大战背景滚动
u011349387的专栏
05-09 671
1.将要背景图片的Texture Type设置为Default 2.新建一个材质Material将Shader设置为Unit/Texture,并将上面设置好的背景图片拖入 3.新建一个3D物体Quad，设置款高比例和背景图片相同，将上面设置好的Material拖入，此时控制Offset参数就可以实现背景滚动效果 4.给背景Quad上Scripts using System.Collections; using System.Collections.Generic; using Uni.
[Unity UGUI]ScrollRect滚动效果大全
09-10
[Unity UGUI]ScrollRect滚动效果大全 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)
UnityShader 学习笔记 16 循环滚动的背景
略懂PS的呆毛王的博客
12-24 488
Shader "_MyShader/8_Animation/1_Scroll" {     Properties     {    
Unity中的图片循环滚动实现
Wu_0526的博客
01-06 4944
Unity中的图片循环滚动实现
Unity Shader unity文档学习笔记(十二)：shader实现 无限滚动背景
qq_43204246的博客
10-24 389
需要滚动的背景图片！！！！ 需要设置图片的WrapMode为Repeat shader 比较简单 就是UV坐标做一个偏移 偏移的值保持在1以内就好了 Shader "Unlit/UIScrollingBackground" { Properties { _MainTex ("BaseTexture(RGB)", 2D) = "white" {} _ScrollXBaseSpeed ("BaseSpeed", Float) = 1.0 } S.
unity -- 关于背景滚动
IYN的博客
01-30 518
背景滚动分为两种，一种是材质球的滚动，另一种为两张图片相互叠加更换
Unity（五）--实现背景循环滚动
Yyuanyuxin的博客
04-23 986
创建的sprite对象要调整到摄像头范围内，居中比较合适。2.拖入长图，并修改属性。1.创建Sprite。
4.unity UI ScrollRect 无限滚动条(最详细)
s_xiajunjun1986的博客
09-19 3716
在游戏开发中 经常遇到滚动显示的数据 特别是商店商品 排行榜 .......等 数据很多，每一条数据去加载一个UI来显示显然对内存浪费很大，这种情况处理一般就是用几个显示条可滚动循环显示无限数据条。本篇介绍实现过程和大体思路以及可重用的滑动脚本InfinityGridLayoutGroup和MarketLayoutGroup数据管理刷新脚本。MarketElement类要看具体项目中具体数据结构...
unity shader 实现循环移动背景
nankeyixiao的博客
03-15 1083
需要前置条件有以下几点： 1 需要一张能够无缝连接并循环的图片（图片不连续 会在交接的地方 出现一条缝隙） 2 将图片的 WrapMode格式改为Repeat 3 具体sader代码如下 //图片的WrapMode需要设置为Repeat Shader "Custom/CirculationBg" { Properties { _MainTex("Texture", 2D) = "white" {} _ScrollXSpeed("X Scroll S...
unity 脚本实现UI滑出效果
SunnyInCSDN的博客
05-03 4249
效果是UI面板隐藏在侧边栏，当点击按钮时才会平滑滑动显示出来，见下图： 左边图是隐藏的时候，右边图是滑出来之后。 制作的时候需要把要滑动出现的部分放在canvas左侧，这样才会不显示出来，如下图所示： 编写脚本改变它的坐标值，并使其有一个滑动的效果，将脚本挂载在其上就可以了，下面上代码： using UnityEngine; using UnityEngine.UI; us
unity shader 实现文本滚动
最新发布
08-01
在Unity中，我们可以通过编写自定义的Shader来实现文本滚动效果。 首先，我们需要创建一个新的材质，并为该材质选择一个合适的Shader。我们可以选择内置的Unlit/Transparent或Unlit/Textured等Shader。接下来，我们可以在Shader的属性中添加一个滚动速度的变量。 在顶点着色器中，我们需要把每个顶点的UV坐标加上时间乘以滚动速度的值，从而实现滚动效果。代码如下： ``` v2f vert (appdata_full v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = v.uv + _Time.x * _ScrollSpeed; return o; } ``` 在片段着色器中，我们可以根据UV坐标从纹理中采样像素颜色，并将其作为输出颜色。代码如下： ``` fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); return col; } ``` 最后，将材质应用到文本对象上，即可实现文本的滚动效果。可以通过调整滚动速度的值来控制滚动的速度。 这是一个简单的实现文本滚动效果的示例，可以根据实际需求进行更加复杂的扩展和改进。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值