shader中的序列帧动画属于纹理动画中的一种,主要原理是将给定的纹理进行等分,再根据时间的变化循环播放等分中的一部分。

Unity Shader 内置时间变量
名称 类型 描述
_Time float4 (t/20,t,2t,3t)   其中t为自该场景加载所经过时间
_SinTime float4 (t/8,t/4,t/2,t)  其中t为自该场景加载所经过时间的正弦值
_CosTime float4 (t/8,t/4,t/2,t)  其中t为自该场景加载所经过时间的余弦值
unity_DeltaTime float4 (dt,1/dt,sdt,1/sdt)  其中dt为时间增量,sdt为时间增量的平滑值

脚本如下:

  1. Shader "MyUnlit/FrameAnimation"
  2. {
  3. Properties
  4. {
  5. _Color("Color Tint",color)=(,,,)
  6. _MainTex ("Texture", 2D) = "white" {}
  7. _CutX("CutX Amount",float)=
  8. _CutY("CutY Amount",float)=
  9. _Speed("Speed",range(,))=
  10. }
  11. SubShader
  12. {
  13. //一般序列帧动画的纹理会带有Alpha通道,因此要按透明效果渲染,需要设置标签,关闭深度写入,使用并设置混合
  14. Tags { "RenderType"="transparent" "queue"="transparent" "ignoreprojector"="true" }
  15. ZWrite off
  16. blend srcalpha oneminussrcalpha
  17.  
  18. Pass
  19. {
  20. Tags{"lightmode"="forwardbase"}
  21.  
  22. CGPROGRAM
  23. #pragma vertex vert
  24. #pragma fragment frag
  25. #pragma multi_compile_fog
  26.  
  27. #include "UnityCG.cginc"
  28.  
  29. struct appdata
  30. {
  31. float4 vertex : POSITION;
  32. float2 uv : TEXCOORD0;
  33. };
  34.  
  35. struct v2f
  36. {
  37. float2 uv : TEXCOORD0;
  38. UNITY_FOG_COORDS()
  39. float4 vertex : SV_POSITION;
  40. };
  41.  
  42. sampler2D _MainTex;
  43. float4 _MainTex_ST;
  44. fixed4 _Color;
  45. float _CutX;
  46. float _CutY;
  47. float _Speed;
  48.  
  49. v2f vert (appdata v)
  50. {
  51. v2f o;
  52. o.vertex = UnityObjectToClipPos(v.vertex);
  53. o.uv = TRANSFORM_TEX(v.uv, _MainTex);
  54. UNITY_TRANSFER_FOG(o,o.vertex);
  55. return o;
  56. }
  57.  
  58. fixed4 frag (v2f i) : SV_Target
  59. {
  60. //取得整数的时间
  61. float time = floor(_Time.y*_Speed);
  62. //整除部分为行(因为播放顺序是从左到右,先行后列)
  63. float row = floor(time / _CutX);
  64. //余数部分为列
  65. float column = time - row * _CutX;
  66.  
  67. //计算偏移值,其中u向为列索引值,v向为行索引的相反数(播放原点是左上角,而uv采样原点是左下角,所以v向偏移应该取反)
  68. half2 uv = i.uv + half2(column,-row);
  69. //除以行列得到最终的采样值
  70. uv.x /= _CutX;
  71. uv.y /= _CutY;
  72.  
  73. fixed4 col = tex2D(_MainTex,uv);
  74. col.rgb *= _Color;
  75. UNITY_APPLY_FOG(i.fogCoord, col);
  76. return col;
  77. }
  78. ENDCG
  79. }
  80. }
  81. FallBack "Transparent/VertexLit"
  82. }

Unity Shader 序列帧动画的更多相关文章

  1. Unity Shader序列帧动画学习笔记

    Unity Shader序列帧动画学习笔记 关于无限播放序列帧动画的一点问题 在学shader的序列帧动画时,书上写了这样一段代码: fixed4 frag(v2f i){ // 获得整数时间 flo ...

  2. unity shader序列帧动画代码,顺便吐槽一下unity shader系统

    一.看到UNITY论坛里有些人求unity shader序列帧动画,写shader我擅长啊,就顺势写了个CG的shader.代码很简单,就是变换UV采样序列帧贴图,美术配置行数列数以及变换速度. Sh ...

  3. Unity Shader入门精要学习笔记 - 第11章 让画面动起来

    转自 冯乐乐的 <Unity Shader入门精要> Unity Shader 中的内置变量 动画效果往往都是把时间添加到一些变量的计算中,以便在时间变化时画面也可以随之变化.Unity ...

  4. 【Unity Shader】(十) ------ UV动画原理及简易实现

    笔者使用的是 Unity 2018.2.0f2 + VS2017,建议读者使用与 Unity 2018 相近的版本,避免一些因为版本不一致而出现的问题. [Unity Shader](三) ----- ...

  5. Unity Shader 之 uv动画

    Unity 动画 Unity Shader 内置时间变量 引入时间变量 名称 类型 描述 _Time float4 t是自该场景加载开始所经过的时间,4个分量分别是(t/20, t, 2t, 3t) ...

  6. 【我的书】Unity Shader的书 — 文件夹(2015.12.21更新)

    写在前面 感谢全部点进来看的朋友.没错.我眼下打算写一本关于Unity Shader的书. 出书的目的有以下几个: 总结我接触Unity Shader以来的历程,给其它人一个借鉴.我非常明确学Shad ...

  7. Unity Shader 知识点总结(二)

    紧接着上一篇文章的shader入门知识的总结,本文主要总结shader中的纹理贴图.透明度混合.顶点动画.后期特效处理等操作.如果有什么地方有错,请指出更正,谢谢.本文的代码主要来自开源书:unity ...

  8. 【我的书】Unity Shader的书 — 目录(2016.5.19最后一次更新)

    写在前面 感谢所有点进来看的朋友.没错,我目前打算写一本关于Unity Shader的书. 出书的目的有下面几个: 总结我接触Unity Shader以来的历程,给其他人一个借鉴.我非常明白学Shad ...

  9. UnityShader 序列帧动画效果

    实现原理:主要思想是设置显示uv纹理的大小,并逐帧修改图片的uv坐标. 实现步骤 1.我们首先用_Time.y和速度属性_Speed相乘得到模拟的时间. 2.然后我们用time除以_Horizonta ...

随机推荐

  1. ASP.NET Core快速入门(第4章:ASP.NET Core HTTP介绍)--学习笔记

    课程链接:http://video.jessetalk.cn/course/explore 良心课程,大家一起来学习哈! 任务22:课程介绍 1.HTTP 处理过程 2.WebHost 的配置与启动 ...

  2. 你不知道的Golang map

    在开发过程中,map是必不可少的数据结构,在Golang中,使用map或多或少会遇到与其他语言不一样的体验,比如访问不存在的元素会返回其类型的空值.map的大小究竟是多少,为什么会报"can ...

  3. 2019年ASP.NET Core学习路线

    - [先决条件] + C# + Entity Framework + ASP.NET Core + SQL 基础知识 - [通用开发技能] + 学习 GIT, 在 GitHub 中创建开源项目 + 掌 ...

  4. Java中级知识归纳(四)

    十六.Java内存模型 特点:原子性.可见性.有序性. 原子性:read.load.use.store.write.synchronized关键字保证原子性 可见性:synchronized.vola ...

  5. 【设计模式】Adapter

    前言 Adapter设计模式,允许客户端使用接口不兼容的类. 昨天收拾一些以前的东西,发现了藏在柜子里的一条线,这条线叫做OTG.这条线的一端是micro-usb的输出口,另一端是usb的输入口.这条 ...

  6. FCC-学习笔记 Spinal Tap Case

    FCC-学习笔记   Spinal Tap Case 1>最近在学习和练习FCC的题目.这个真的比较的好,推荐给大家. 2>中文版的地址:https://www.freecodecamp. ...

  7. maven 学习---Maven自动化部署

    在项目开发中,通常是部署过程包含以下步骤 检入代码在建项目全部进入SVN或源代码库中,并标记它. 从SVN下载完整的源代码. 构建应用程序. 生成输出要么WAR或EAR文件存储到一个共同的网络位置. ...

  8. chattr lsattr文件隐藏属性

    chattr [-RV][-v<版本编号>][+/-/=<属性>][文件或目录...] lsattr [-adlRvV][文件或目录...] 改变/显示文件隐藏属性 chatt ...

  9. 电信NBIOT 6 - NBIOT实现数据上传及指令接收

    电信NBIOT 1 - 数据上行(中国电信开发者平台对接流程) 电信NBIOT 2 - 数据上行(中间件获取电信消息通知) 电信NBIOT 3 - 数据下行 电信NBIOT 4 - NB73模块上行测 ...

  10. 北京地铁出行线路规划系统项目总结(Java+Flask+Vue实现)

    北京地铁出行线路规划系统项目总结 GitHub仓库地址:https://github.com/KeadinZhou/SE-Subway Demo地址:http://10.66.2.161:8080/ ...