您的位置：首页 > 编程技术 > csharp  >  Untiy Shader实现纹理贴图滚动

Untiy Shader实现纹理贴图滚动

 更新时间：2020年6月25日 10:37  点击：2399

滚动纹理，可以实现一些如瀑布，河流，熔岩流等效果，本质上就是UV坐标的偏移，在Unity中新建一个Shader,然后修改成下面代码的样子，新建一个材质，选择此shader,赋予一张贴图，然后将材质应用于一个mesh上，运行即可看到效果

Shader "Custom/UVOffset" {
 Properties {
  _MainTint("Diffuse Tine",Color) = (1,1,1,1)
  _MainTex("Base (RGB)",2D) = "white"{}
  _ScrollXSpeed("X Scroll Speed",Range(0,10)) = 0
  _ScrollYSpeed("Y Scroll Speed",Range(0,10)) = 2
 }
 SubShader {
  Tags { "RenderType"="Opaque" }
  LOD 200

  CGPROGRAM
  // Physically based Standard lighting model, and enable shadows on all light types
  #pragma surface surf Standard fullforwardshadows

  // Use shader model 3.0 target, to get nicer looking lighting
  #pragma target 3.0

  // 定义 Properties 中的属性
  fixed4 _MainTint;
  fixed _ScrollXSpeed;
  fixed _ScrollYSpeed;
  sampler2D _MainTex;

  struct Input {
   float2 uv_MainTex;
  };

  void surf (Input IN, inout SurfaceOutputStandard o) {
   fixed2 scrolledUV = IN.uv_MainTex;
   fixed xScrollValue = _ScrollXSpeed * _Time;
   fixed yScrollValue = _ScrollYSpeed * _Time;
   scrolledUV += fixed2(xScrollValue,yScrollValue);

   // 对贴图进行采样输出
   half4 c = tex2D(_MainTex,scrolledUV);
   o.Albedo = c.rgb * _MainTint;
   o.Alpha = c.a;
  }
  ENDCG
 } 
 FallBack "Diffuse"
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持猪先飞。

[!--infotagslink--]

相关文章

  • 如何使用JavaScript实现无缝滚动自动播放轮播图效果

    这篇文章主要介绍了如何使用JavaScript实现“无缝滚动 自动播放”轮播图效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2020-08-20

  • js实现文字垂直滚动和鼠标悬停效果

    这篇文章主要介绍了js实现文字垂直滚动和鼠标悬停效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-01-05

  • 使用jQuery.Pin垂直滚动时固定导航

    这篇文章主要为大家详细介绍了使用jQuery.Pin垂直滚动时固定导航的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2017-05-27

  • javascript实现无缝上下滚动特效

    这篇文章主要介绍了javascript实现无缝上下滚动特效的相关资料,需要的朋友可以参考下...2015-12-18

  • JS实现图片的不间断连续滚动的简单实例

    下面小编就为大家带来一篇JS实现图片的不间断连续滚动的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-06-12

  • 基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解

    这篇文章主要介绍了基于python计算滚动方差(标准差)talib和pd.rolling函数差异详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-08

  • JS实现的N多简单无缝滚动代码(包含图文效果)

    本文实例讲述了JS实现的N多简单无缝滚动代码。分享给大家供大家参考，具体如下：实现原理很简单，注册事件之后，立即将元素的innerHTML累加一次。接着滚动开始，当滚动条到达元素的中间位置时：不要在子元素上设置margin和paddin...2015-11-08

  • javascript实现平滑无缝滚动

    这篇文章主要为大家详细介绍了javascript实现平滑无缝滚动的具体代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-05-09

  • 原生js实现类似fullpage的单页/全屏滚动

    这篇文章主要介绍了利用原生js实现类似fullpage的全屏滚动的实现方法，文中给出了完整的实例代码，相信对大家的理解和学习具有一定的参考价值，需要的朋友们可以参考借鉴，下面来一起看看吧。...2017-01-26

  • JS平滑无缝滚动效果的实现代码

    下面小编就为大家带来一篇JS平滑无缝滚动效果的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考...2016-05-09

  • jQuery实现模仿微博下拉滚动条加载数据效果

    这篇文章主要介绍了jQuery实现模仿微博下拉滚动条加载数据效果,涉及jQuery响应下拉滚动事件动态操作页面元素的技巧,需要的朋友可以参考下...2015-12-27

  • iOS实现循环滚动公告栏

    这篇文章主要为大家详细介绍了iOS实现循环滚动公告栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-03-20

  • Javascript实现信息滚动效果

    这篇文章主要为大家详细介绍了Javascript实现信息滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2017-05-22

  • PyQt5实现多张图片显示并滚动

    最近要做个网页图片批量下载工具，然后需要一个页面显示网页上的所有图片供用户勾选，再根据勾选的内容来下载指定图片，其中就涉及到要到同时显示多张图片，本文就来介绍一下...2021-06-11

  • Unity shader实现遮罩效果

    这篇文章主要为大家详细介绍了Unity shader实现遮罩效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25

  • 微信小程序点击滚动到指定位置的实现

    这篇文章主要介绍了微信小程序点击滚动到指定位置的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-05-23

  • JS无缝滚动效果实现方法分析

    这篇文章主要介绍了JS无缝滚动效果实现方法,结合实例形式较为详细的分析了无缝滚动的原理、实现技巧与相关注意事项,需要的朋友可以参考下...2017-01-09

  • Swift 使用 Observe 监测页面滚动的实现方法

    这篇文章主要介绍了Swift 使用 Observe 监测页面滚动的实现方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-06-30

  • Unity Shader实现径向模糊效果

    这篇文章主要为大家详细介绍了Unity Shader实现径向模糊效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-08-09

  • JavaScript实现长图滚动效果

    这篇文章主要为大家详细介绍了JavaScript实现长图滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-04-29