序列帧动画图片使用shader逐帧播放
可以直接使用,拿走不谢。
可以挂到材质上放入Image组件的材质中使用。文章来源地址https://www.toymoban.com/news/detail-637268.html
Shader "Custom/FrameAnim"
{
Properties
{
_Color("Color", Color) = (1, 1, 1, 1)//颜色
[PerRendererData]_MainTex("Image Sequence", 2D) = "white" {}//图片
_HorizontalAmount("Horizontal Amount", Float) = 2//水平列数
_VerticalAmount("VerticalAmount", Float) = 2//垂直行数
_Speed("Speed", Range(1, 10)) = 30//播放速度
}
SubShader
{
LOD 200
Tags { "Queue" = "Transparent" "IgnoreProjector" = "True" "RenderType" = "Transparent"}
PASS
{
Tags { "LightMode" = "ForwardBase" }
ZWrite Off
Blend SrcAlpha OneMinusSrcAlpha
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
#include "Lighting.cginc"
fixed4 _Color;
float _Speed;
float _HorizontalAmount;
float _VerticalAmount;
sampler2D _MainTex;
float4 _MainTex_ST;
struct _2vert
{
float4 vertex: POSITION;
float4 texcoord: TEXCOORD0;
};
struct vert2frag
{
float4 pos: SV_POSITION;
float2 uv: TEXCOORD0;
};
vert2frag vert(_2vert v)
{
vert2frag o;
o.pos = UnityObjectToClipPos(v.vertex);
o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);
return o;
}
fixed4 frag(vert2frag i) : SV_Target
{
//floor返回小于等于的最大整数
//获得虚拟时间,并进行拉伸取整,缩短图片间播放间隔,方便取模
float time = floor(_Time.y * _Speed);
//获得总图片数量 _HorizontalAmount * _VerticalAmount
//对总数取模,得到当前时间点要播放的图片索引号,即整体的第几张图片
float row = time % (_HorizontalAmount * _VerticalAmount);
//水平方向取模,获取行的索引号
float posx = floor(row % _HorizontalAmount);
//floor(row / _HorizontalAmount)能获得纹理坐标竖直方向的序列数
//Unity的纹理坐标竖直方向的顺序和序列帧纹理中竖直方向上的顺序是相反的。
//用总体-1-纹理坐标序列数得到序列帧纹理中竖直方向索引号
float posy = _VerticalAmount - floor(row / _HorizontalAmount) - 1;
//添加到uv坐标上
half2 uv = i.uv + half2(posx, posy);
//缩小范围
uv.x /= _HorizontalAmount;
uv.y /= _VerticalAmount;
fixed4 color = tex2D(_MainTex, uv);
//添加颜色
color.rgb *= _Color;
return color;
}
ENDCG
}
}
FallBack "Transparent/VertexLit"
}
文章来源:https://www.toymoban.com/news/detail-637268.html
到了这里,关于Unity 使用Shader实现序列帧动画的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!