UGUI序列帧动画

最新推荐文章于 2021-11-30 14:17:28 发布
最新推荐文章于 2021-11-30 14:17:28 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： Unity3d UGUI 文章标签： unity3d UGUI
本文介绍了一个Unity中基于UGUI的精灵动画实现方案。通过使用Image组件和Sprite帧列表，可以轻松创建向前或向后播放的动画效果。该方案支持自动播放、循环播放，并提供了播放、暂停、停止等控制方法。

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
using UnityEngine;
using System.Collections;
using System.Collections.Generic;
using UnityEngine.UI;
using System;
 
[RequireComponent(typeof(Image))]
public class UGUISpriteAnimation : MonoBehaviour
{
    private Image ImageSource;
    private int mCurFrame = 0;
    private float mDelta = 0;
 
    public float FPS = 5;
    public List<Sprite> SpriteFrames;
    public bool IsPlaying = false;
    public bool Foward = true;
    public bool AutoPlay = false;
    public bool Loop = false;
 
    public int FrameCount
    {
        get
        {
            return SpriteFrames.Count;
        }
    }
 
    void Awake()
    {
        ImageSource = GetComponent<Image>();
    }
 
    void Start()
    {
        if (AutoPlay)
        {
            Play();
        }
        else
        {
            IsPlaying = false;
        }
    }
 
    private void SetSprite(int idx)
    {
        ImageSource.sprite = SpriteFrames[idx];
        ImageSource.SetNativeSize();
    }
 
    public void Play()
    {
        IsPlaying = true;
        Foward = true;
    }
 
    public void PlayReverse()
    {
        IsPlaying = true;
        Foward = false;
    }
 
    void Update()
    {
        if (!IsPlaying || 0 == FrameCount)
        {
            return;
        }
 
        mDelta += Time.deltaTime;
        if (mDelta > 1 / FPS)
        {
            mDelta = 0;
            if(Foward)
            {
                mCurFrame++;
            }
            else
            {
                mCurFrame--;
            }
 
            if (mCurFrame >= FrameCount)
            {
                if (Loop)
                {
                    mCurFrame = 0;
                }
                else
                {
                    IsPlaying = false;
                    return;
                }
            }
            else if (mCurFrame<0)
            {
                if (Loop)
                {
                    mCurFrame = FrameCount-1;
                }
                else
                {
                    IsPlaying = false;
                    return;
                }          
            }
             
            SetSprite(mCurFrame);
        }
    }
 
    public void Pause()
    {
        IsPlaying = false;
    }
 
    public void Resume()
    {
        if (!IsPlaying)
        {
            IsPlaying = true;
        }
    }
 
    public void Stop()
    {
        mCurFrame = 0;
        SetSprite(mCurFrame);
        IsPlaying = false;
    }
 
    public void Rewind()
    {
        mCurFrame = 0;
        SetSprite(mCurFrame);
        Play();
    }
}
UGUI实现帧动画
u012943521的博客
07-20 567
using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; using System; [RequireComponent(typeof(Image))] public class UGUISpriteAnimation : MonoBe
写的一个UGUI下Image控件做序列帧动画的小工具
码农成长日记
03-14 8007
unity2D使用序列帧做动画，一般都用2d SpriteRenderer，它的好处是能够沿用图片原有的大小和锚点。特别是我们使用TexturePacker打图集的时候并且Trim边缘空白的时候，可以直接使用它，而不用在程序中调整它的位置等信息。然而我们如果使用UGUI系统，SpriteRender缺有挺多冲突，特别是当我们组合使用的时候，渲染顺序导致的问题很多。所以我期望有一个基于UGUI的动画解
Unity——UGUI序列帧动画
weixin_43891047的博客
09-23 1364
序列帧动画原理是首先必须要有一个载体，一般是一个图片，然后申请一个数组或List用来存放序列帧，然后再根据需要遍历这个数组替换载体的图片源，这样就实现动画效果了。代码如下： using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; using System; namespace Engine { [RequireComponent(typeof(I...
UGUI 帧动画插件
weixin_30416871的博客
10-22 125
最近在开发一款功夫猫游戏,本来使用Unity Sprite制作,但是发现Sprite对各种分辨率不支持. 看着游戏很简单就使用UGUI制作,在中途发现有很多帧动画播放,使用了Animation调整使用多了的确很不方便. 于是改成脚本来控制Sprite帧动画切换,慢慢开始形成了写一个插件来调整. 写了两个通宵终于搞定了. O(∩_∩)O~ 效果图: 代码: 组件类: us...
UGUI逐帧动画
laogao418的博客
02-25 2927
using System.Collections; using System.Collections.Generic; using UnityEngine.UI; public class UMovie : MonoBehaviour {     public string movieName;     public List lSprites;     public float f
unity UGUI序列帧动画
最新发布
01-04
### 如何在 Unity UGUI 中实现序列帧动画 #### 准备工作 为了创建序列帧动画，首先需要准备一系列图像文件作为每一帧的画面。这些图像是构成最终动画的基础。 #### 创建 Sprite 数组或 List 存储序列帧 定义一个 `...
Unity代码实现序列帧动画播放器
08-26
该实现序列帧动画播放器的代码可以同时支持 UGUI 的 Image 组件和 Unity2D 的 SpriteRenderer 组件，为开发者提供了更多的选择和灵活性。同时，该代码也提供了多种属性和方法来控制动画的播放，为开发者提供了更多...
unity ugui序列帧动画
04-28
在Unity中使用UGUI制作序列帧动画的步骤如下： 1. 准备好多张需要播放的图片，确保它们是按照顺序命名的。 2. 创建一个空的GameObject，并将其命名为动画的名称。 3. 将所有的图片添加到这个GameObject下的一个...
Unity3d UGUI序列帧动画
weixin_30856965的博客
02-15 192
代码 using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; using System; [RequireComponent(typeof(Image))] public class UGUISpriteAnimation : Mo...
UI序列帧动画.zip
10-31
求一个积分 这是几个ui序列帧动画 作为一丝 补偿 ，身为一个小白 还请大家多多关照。谢谢。
Unity3D_切图以及序列帧动画
10-28
在Cocos2dx中，对大图的处理已经封装好了一套自己的API，但是在Unity3D中貌似没有类似的API，或者说我没找到。不过这也在情理之中，毕竟Unity3D是做3D的，要切割图片的地方还是很少的。 因为我用Unity3D主要是用于做2D游戏的（PS：很蛋疼吧？我也觉得），所以就不得不考虑切图和播放序列帧这两个在2D上常见的功能了，下面废话不多说。我的任务是把下面这张图切割成16块，并且按照动画的序列播放出来。
【游戏开发实战】Unity UGUI序列帧动画（蓝胖子序列帧图）
热门推荐
linxinfa的专栏
01-30 1万+
文章目录一、前言二、实现过程1、导入序列帧图片2、设置图片格式和切割图片3、序列帧动画脚本：UGUISpriteAnimation4、挂脚本UGUISpriteAnimation，设置序列帧5、运行效果 一、前言 序列帧动画应该是游戏中很常见的功能。今天就来介绍下Unity中如何使用如何通过UGUI来实现序列帧动画吧。 最终效果： 二、实现过程 1、导入序列帧图片 将一张序列帧图导入Unity工程中，比如我下面这张图。 2、设置图片格式和切割图片 将其Texture Type设置为Sprite (2D
[UGUI]帧动画
weixin_30618985的博客
06-18 89
[UGUI]帧动画 ImageFrameAnimation.cs 1 using System.Collections.Generic; 2 using UnityEngine; 3 using UnityEngine.UI; 4 ...
unity 序列帧动画 UGUI GPU版
时间的大海会湮灭一切
11-30 3780
之前的项目因序列帧数量量大，图片大，耗费不少的资源，想搞一版GPU版本的序列帧试试水，看看性能，初见成效，但是弊端也蛮明显，就是不能合并drawcall，不过还能凑合着用 流程大概就是把图片资源全部压进GPU，用Material传递索引数据_Index，shader根据不同的索引来显示不同的图片，这样就大大的解放了CPU端的计算，也算是一种性能的提升吧。不过缺点也挺明显，就是图片集，每个图片必须是2的幂次方，且长宽必须相等，这点来说，对于没那么严格的UI像素，想必问题不大。先上实例看下效...
UGUI 自定义序列帧动画组件
RocketJ的博客
10-29 450
using UnityEditor; using UnityEngine; using UnityEngine.UI; /// <summary> /// 添加序列帧动画组件 /// </summary> public class SpriteEffect { [MenuItem("CustomUI/SpriteEffect")] public stati...
UGUI代码驱动序列帧动画
Allsle
05-28 1072
using UnityEngine; using System.Collections; using System.Collections.Generic; using UnityEngine.UI; using System; [RequireComponent(typeof(Image))] public class UGUISpriteAnimation : MonoBehaviour {
Unity3d使用UGUI播放序列帧动画
天富儿的博客
10-12 2016
功能如题，原理这里不做多余解释，直接上代码。 using UnityEngine; using UnityEngine.UI; [RequireComponent(typeof(Image))] public class UI2dAnimation : MonoBehaviour { #region 字段 #region Private private Image m_ImageSource = null; /// <summary>当前帧</summar
UGUI 序列帧动画脚本
RocketJ的博客
10-29 408
using System.Collections; using System.Collections.Generic; using System; using System.IO; using UnityEngine; using UnityEngine.UI; using UnityEditor; public enum SequencePatternType { /// <su...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值