Unity Shader实现动态过场切换图片效果

本文为大家分享了Unity Shader实现动态过场切换图片的具体代码，供大家参考，具体内容如下：

一、简单介绍

Shader Language的发展方向是设计出在便携性方面可以和C++、Java等相比的高级语言，“赋予程序员灵活而方便的编程方式”，并“尽可能的控制渲染过程”同时“利用图形硬件的并行性，提高算法效率”。

本文介绍，如何使用 shader ，动态过场形式切换图片的一点简单效果。

二、实现原理

1、通过时间叠加判断，当 值小于 主图 uv 的时候，进行切换图的渲染

// 过场切换的位置
float curPos = _Time.y*_Speed;

if(curPos < i.uv.x){
col = tex2D(_CutTex,i.uv);
}

三、注意事项

1、 当小于 x，渲染_CutTex（开始都是小于 x的，开始渲染_CutTex)， 随着时间变化，切换为 _MainTex

四、效果预览

五、实现步骤

1、打开Unity，新建一个工程

2、导入素材，和新建shader，并对应新建材质

3、编写好shader，把材质对应赋值

4、场景中添加一个 Quad ,并把材质赋给Quad，用来显示

5、运行场景，效果如上

六、关键代码

Shader "Unlit/CutEffect"
{
  Properties
  {
      _MainTex ("Texture", 2D) = "white" {}
_CutTex("Cut Tex",2D)="white"{}

// 切换速度
_Speed("speed",Range(-1,1))=0.2

  }
  SubShader
  {
      Tags { "RenderType"="Opaque" }
      LOD 100

      Pass
      {
          CGPROGRAM
          #pragma vertex vert
          #pragma fragment frag
      

          #include "UnityCG.cginc"

          struct appdata
          {
              float4 vertex : POSITION;
              float2 uv : TEXCOORD0;
          };

          struct v2f
          {
              float2 uv : TEXCOORD0;
  
              float4 vertex : SV_POSITION;
          };

          sampler2D _MainTex;
          float4 _MainTex_ST;
 sampler2D _CutTex;
 float _Speed;

          v2f vert (appdata v)
          {
              v2f o;
              o.vertex = UnityObjectToClipPos(v.vertex);
              o.uv = v.uv;

              return o;
          }

          fixed4 frag (v2f i) : SV_Target
          {
              // sample the texture
              fixed4 col = tex2D(_MainTex,i.uv);
              

  // 过场切换的位置
  float curPos = _Time.y*_Speed;
  // 当小于 x,渲染_CutTex（开始都是小于 x的，开始渲染_CutTex), 
  // 随着事件变化,切换为 _MainTex
  if(curPos < i.uv.x){
   col = tex2D(_CutTex,i.uv);
  }
  

              return col;
          }
          ENDCG
      }
  }
}

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

之前在网上看到一个Shadr可以实现旋转效果，就拿来实现一个翻书效果。解决办法是用不同模型的显示与隐藏，像序列帧一样，为了实现效果感觉实现起来很繁琐且占用资源，后期优化可考虑用对象池解决。今 ...