Shader山下（三）逐帧动画

最新推荐文章于 2023-04-20 14:04:28 发布

原创

最新推荐文章于 2023-04-20 14:04:28 发布 · 2.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#Unity #shader #逐帧动画 #uv #纹理坐标

本文介绍了如何在Unity中利用Shader实现逐帧动画。通过理解UV坐标和Tiling、Offset的概念，结合Shader代码，展示了如何控制对象在特定时间间隔内播放特定帧，从而形成连续的动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。

例如下面这张图：

这是一个精灵集，可以分解成八个动作。如果我们可以控制对象在一个时间间隔里只播放一个动作，那么看起来就是一个跑步的动画。

在实现帧动画之前，我们首先要知道UV坐标，UV坐标是表示场景对象上的某个点对应在贴图里的位置。

我们首先实现一个最简单的shader（参考Shader山下（一）第一个Shader）

Shader "Custom/TestUV" {
	Properties {
		_MainTex ("Albedo (RGB)", 2D) = "white" {}
	}
	SubShader {
		Tags { "RenderType"="Opaque"}
		LOD 200
		
		CGPROGRAM
		#pragma sur

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

凯奥斯

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Shader实现帧动画-FrameAnimation

qq_39691716的博客

09-27

222

Shader "QShader/FrameAmination_One"{ Properties{ _MainTex("Animation Texture",2D) = "white"{} _BaseColor("BaseColor",Color) = (1.0,1.0,1.0,1.0) _XCount("XCount",Int) = 1 _YCount("YCount",Int) = 1 _Speed("Speed",R

Unity中Shader序列帧动画（总结篇）

最新发布

楠溪泽岸的博客

01-06

2588

在前几篇文章中，我们依次解决了实现Shader序列帧动画所遇到的问题。我们在这篇文章中，对其进行优化、适配BRP 和总结。

参与评论您还未登录，请先登录后发表或查看评论

1.逐帧动画shader

yinfourever的专栏

06-29

2154

最近项目压力不大，抽时间看了些关于shader和游戏引擎的书籍，准备开始shader的学习。在网上看到这位前辈（http://blog.sina.com.cn/s/articlelist_2312702844_6_1.html）写的博客，觉得很不错，学习曲线应该很适合自己，所以决定也从头一篇一篇每个shader自己实现一下，并加入自己的理解。今天就是调试的第一篇，很简单的逐帧动画shader。

UnityShader 之帧动画

你只管努力，其他的，交给天意！

09-10

537

fixed time=floor(time. xspeed) fixed row=time/RowCount fixed culomn=time-rowRowCount

利用Shader实现帧动画的方法

ww386362087的博客

08-02

693

原理通过UV来采样序列帧的图片来实现序列帧动画基本实现代码： Shader "Custom/AnimShader" ｛ Properties ｛ _Color ("Main Color", Color) = (1,1,1,1) _MainTex ("Texture", 2D) = "white" ｛｝ _SizeX ("row", Float) = 4 _...

Unity逐帧动画shader工程

06-29

Unity逐帧动画shader工程

Shader学习第十二篇：ShaderGraph实现序列帧动画

u014196765的博客

12-02

1786

上篇我们介绍了ShaderLab编程实现序列帧动画，这里我们介绍一下如何使用可视化界面ShaderGraph来实现。在使用ShaderGraph的过程中，我们可以了解ShaderGranph的一些操作，由于上篇文章已经分享了原理方面的知识，这里不再赘述。我们便开始ShaderGraph来实现序列帧动画。

Unity Shader实现序列帧动画效果

08-26

Unity Shader 实现序列...Unity Shader 实现序列帧动画效果需要结合 UV 纹理的大小和逐帧修改图片的 UV 坐标，通过四步骤来实现动画效果。本文提供的代码可以作为一个参考，供大家学习和研究 Unity Shader 的强大功能。

UnityShader 序列帧动画效果

05-15

在本主题中，我们将深入探讨“Unity Shader 序列帧动画效果”，这是一种利用Shader实现的高效、灵活的动画技术。序列帧动画通常用于2D游戏，通过连续播放一系列静态图像来营造动态效果，类似于旧时代的电影胶片。 ...

Unity 之 Shader 笔记（一）帧动画

plaxbsga的专栏

11-09

1093

使用unity推崇的方式编写的一个播放序列图的shader Shader "Custom/M1_UV" { Properties { _Color ("Main Color", Color) = (1,1,1,1) _MainTex ("Base (RGB) Trans (A)", 2D) = "white" {} _SizeX ("列", Float) = 4 _SizeY

Shader学习第十一篇：ShaderLab实现序列帧动画

u014196765的博客

12-02

1484

序列帧动画的原理比较简单，依次播放一系列关键帧图像，当播放速度达到一定数值时，看起来就是一个连续的动画。序列帧动画有很多实现方式，而通过Shader来实现是性能比较好的一种，是由GPU来进行计算。效果如下我们使用一张8x8的纹理图片来实现帧动画。

shader 序列帧动画

weixin_43839583的博客

02-11

416

原图：进行序列帧动画后的效果：图片找的不太好，但基本效果已经实现了。这便是序列帧动画。代码如下： Shader "MyShader/012" { Properties { _MainTex ("Texture", 2D) = "white" {} _RowAmount("RowAmount",float)=4 _ColumnAmount("Colu...

Unity Shader 序列帧动画

weixin_30432579的博客

07-02

356

shader中的序列帧动画属于纹理动画中的一种，主要原理是将给定的纹理进行等分，再根据时间的变化循环播放等分中的一部分。 Unity Shader 内置时间变量名称类型描述 _Time float4 (t/20,t,2t,3t) 其中t为自该场景加载所经过时间 _SinTime float4 (t/8,t/4,t/2,t) ...

序列帧动画Shader

Kiboo的博客

11-28

1823

编写Shader将一张序列帧动画播放出来效果图如下图所示播放效果如下原理：改变UV大小。随时间改变X轴 Tiling，来显示单个火焰，再改变X轴的Offset来位移纹理切换其他火焰Shader代码// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Custom/UVA

一日一Shader·帧动画【SG_12】

座右铭

07-12

303

做一个简单的帧动画功能。其中有2点需要注意： 1.动画的播放顺序是根据图集中每个Tile的位置，这儿需要利用的公式：index=ax+y（index是每张图的序号，动画播放时该值递增；a是当前行的行数，用除法获得；y是当前列号，用取模获得；最后可以求出x，并根据x、y确定Tile的位置）。 2.要使用有透明通道的图时，需要clip透明区域。返回目录：https://blog.youkuaiyun.com/yzy1987523/article/details/106676451 ...

Unity Shader学习记录(18) —— Shader动画

weixin_45810196的博客

04-20

629

纹理动画在游戏中的应用非常广泛。尤其在各种资源都比较局限的移动平台上，我们往往会使用纹理动画来代替复杂的粒子系统等模拟各种动画效果。

Shader序列帧

QuVi_God的博客

06-27

431

Shader "Custom/SphereShader" {Properties { _Color("Base Color", Color) = (1,1,1,1) _MainTex("Base(RGB)", 2D) = "white" {} _Speed("播放速度",Float)=30 _SizeX ("列数", Float) = 12

Unity Shader序列帧动画学习笔记

weixin_30892987的博客

10-11

232

Unity Shader序列帧动画学习笔记关于无限播放序列帧动画的一点问题在学shader的序列帧动画时，书上写了这样一段代码： fixed4 frag(v2f i){ // 获得整数时间 float time = floor(_Time.y * _Speed) % 64; // 根据时间计算当前行数和列数 float row = floor(time/_Hor...

UnityShader 学习笔记 15 序列帧动画

略懂PS的呆毛王的博客

12-24

316

Shader "_MyShader/8_Animation/0_Sequence"{     Properties {         _Color ("Color Tint"