【Unity Shader】（十） ------ UV动画原理及简易实现

笔者使用的是 Unity 2018.2.0f2 + VS2017，建议读者使用与 Unity 2018 相近的版本，避免一些因为版本不一致而出现的问题。

【Unity Shader】（三） ------ 漫反射和高光反射的实现

【Unity Shader】（四） ------ 纹理之法线纹理、单张纹理及遮罩纹理的实现

【Unity Shader】（五） ------ 透明效果之半透明效果的实现及原理

【Unity Shader】（六） ------ 复杂的光照（上）

【Unity Shader】（七） ------ 复杂的光照（下）

【Unity Shader】（八） ------ 高级纹理之立方体纹理及光线反射、折射的实现

【Unity Shader】（九） ------ 高级纹理之渲染纹理及镜子与玻璃效果的实现

目录

前言

一. 时间变量

二. 序列帧动画

2.1 准备工作

2.2 Shader 实现

2.3 总结

三. 背景滚动

3.1 准备工作

3.2 shader 实现

3.3 总结

四. 总结

---

前言

纯粹的静态美景宛如一张漂亮的贴图，而在游戏中，这种没有一点动画的情况往往是十分无趣且让人感到别扭的。所以本文会介绍一些简单的UV动画。

 

一. 时间变量

在我们写游戏逻辑时，涉及到随时间移动或旋转这种动作时，我们一般都会使用 Time.time 这个变量，同样，在 Unity Shader 中，我们需要实现一些动画时，也需要时间变量。下图是 Unity 内置的时间变量

名称	类别	作用
_Time	float4	t 是从场景加载开始时经历的时间，（t/20 , t , 2t , 3t）
_SinTime	float4	t 是时间的正弦值，(t/8 , t/4 , t/2 ,t)
_CosTime	float4	t 是时间的余弦值，(t/8 , t/4 , t/2 ,t)
unity_DeltaTime	float4	dt 是时间增量，(dt , 1/dt , smoothDt, 1/smoothDT)

比如我们使用 _Time.y 时，就相当于 _Time 的 t 变量，即会记录场景加载后经历的时间。下面我们使用它来实现一些效果

 

二. 序列帧动画

 

序列帧动画是一种十分常见的动画，它就像播放电影一样，把一连串的关键帧图像以一定的速度播放出来，看起来就是一段连续的动画。而它的优缺点也十分明显：

• 灵活性强，不需要进行物理上的计算，比如光照，阴影等计算
• 制作序列帧的美术工作量大

本文以制作一个火焰效果为例。我们需要用到一张序列帧图像。先看一下我们要实现的效果

 

2.1 准备工作

（1）创建一个场景，这次为了效果明显，我们去掉天空盒子

（2）创建一个 Quad，一个 Material，一个 shader，命名为 SequenceAnimation

（3）准备一张序列帧图像，这里笔者使用的是一张包含了 4 x 4 张关键帧的图像

这 16 张关键帧图像的大小相同，我们要实现的是让它们从左到右，从上到下播放。所以我们要做的就很简单了，只需要在播放时记录下应该播放的关键帧的位置（UV坐标），然后进行采样就行了。

 

2.2 Shader 实现

序列帧图像往往被当成是一个半透明对象，所以我们以对待半透明对象的方法来对待它。如果对半透明原理及实现方法不熟悉的读者可以翻看这篇博文 【Unity Shader】（五） ------ 透明效果之半透明效果的实现及原理

 

I. 定义 Properties 块