我的编程空间,编程开发者的网络收藏夹
学习永远不晚

Unity解析gif动态图操作

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

Unity解析gif动态图操作

工作需求,要播放一张gif图片,又不想转成视频播放,就开始研究怎样解析gif,在网上也看了不少教程,最后根据自己需求写了个脚本。

首先,Unity是不支持gif的(至少我没找到方法),而又要在NGUI中显示gif图片。所以就想到了将gif解析成序列帧再去循环播放。

有人说可以找软件解析,然后导入Unity做动画,最终我没有采用,自己再Unity中以代码解析,然后播放的。

代码如下

(在Awake中解析的,因为要在其他脚本调用,实时解析的话,到时候会花费一会时间):


using System.Collections.Generic;
using System.Drawing;
using System.Drawing.Imaging;
 
using UnityEngine;
 
public class AnimatedGifDrawer : MonoBehaviour
{
    public string loadingGifPath;//路径
    public UITexture tex;//图片
    public float speed = 0.1f;//播放速度
 
    private bool isPlay = false;//是否播放
    private int i = 0;//控制要播放的图片
 
    private List<Texture2D> gifFrames = new List<Texture2D>();//存储解析出来的图片
    void Awake()
    {
        Image gifImage = Image.FromFile(loadingGifPath);
        FrameDimension dimension = new FrameDimension(gifImage.FrameDimensionsList[0]);
        int frameCount = gifImage.GetFrameCount(dimension);
        for (int i = 0; i < frameCount; i++)
        {
            gifImage.SelectActiveFrame(dimension, i);
            Bitmap frame = new Bitmap(gifImage.Width, gifImage.Height);
            System.Drawing.Graphics.FromImage(frame).DrawImage(gifImage, Point.Empty);
            Texture2D frameTexture = new Texture2D(frame.Width, frame.Height);
            for (int x = 0; x < frame.Width; x++)
                for (int y = 0; y < frame.Height; y++)
                {
                    System.Drawing.Color sourceColor = frame.GetPixel(x, y);
                    frameTexture.SetPixel( x, frame.Height - 1 - y, new Color32(sourceColor.R, sourceColor.G, sourceColor.B, sourceColor.A)); // for some reason, x is flipped
                }
            frameTexture.Apply();
            gifFrames.Add(frameTexture);
        }
    }
 
    private void Update()
    {
        if (isPlay == true)
        {
            i++;
            tex.mainTexture = gifFrames[(int)(i * speed) % gifFrames.Count];
        }    
    }
 
    /// <summary>
    /// 播放动画
    /// </summary>
    public void StartAni()
    {
        isPlay = true;
    }
 
    /// <summary>
    /// 停止动画
    /// </summary>
    public void StopAni()
    {
        isPlay = false;
        i = 0;
    }
}

补充:Unity播放GIF插件,不使用第三方库,基于文件协议,纯代码实现,兼容移动端和序列帧

本人通过分析GIF的文件协议,分解GIF的各序列帧,然后封装成Unity可使用的Texture,通过递归播放,实现了在Unity上播放GIF的功能,并发布到了AssetStore上面,欢迎各位朋友交流经验。

核心源码:

分解GIF


//处理每个图块
            for (int index = 0; index < gif.GraphicControlExtensions.Count; index++)
            {
                //命名
                textureDescriptor.name = "Frame" + (index + 1);
 
                //图像描述器
                ImageDescriptor imageDescriptor = gif.ImageDescriptors[index];
 
                //像素色号集
                byte[] colorIndexs = imageDescriptor.GetColorIndexs();
 
                //绘图控制扩展
                GraphicControlExtension control = gif.GraphicControlExtensions[index];
 
                //像素指针
                int pixelIndex = 0;
 
                //gif的像素点顺序 左上到右下,unity的像素顺序是 左下到右上,所以y套x, y翻转一下
                for (int y = imageDescriptor.MarginTop; y < imageDescriptor.MarginTop + imageDescriptor.Height; y++)
                {
                    for (int x = imageDescriptor.MarginLeft; x < imageDescriptor.MarginLeft + imageDescriptor.Width; x++)
                    {
                        Color32 colorPixel = imageDescriptor.GetColor(colorIndexs[pixelIndex++], control, gif);
                        if (colorPixel.a == 0 && reserve)
                            continue;
                        textureDescriptor.SetPixel(x, gif.Height - y - 1, colorPixel);
                    }
                }
 
                //保存
                textureDescriptor.Apply();
 
                //添加序列帧
                Sprite sprite = Sprite.Create(textureDescriptor, new Rect(0, 0, textureDescriptor.width, textureDescriptor.height), Vector2.zero);
                sprite.name = textureDescriptor.name;
                frames.Add(new UnityFrame(sprite, control.DelaySecond));
 
                //初始化图像
                textureDescriptor = new Texture2D(gif.Width, gif.Height);
                reserve = false;
 
                //下一帧图像预处理
                switch (control.DisposalMethod)
                {
                    //1 - Do not dispose. The graphic is to be left in place. //保留此帧
                    case DisposalMethod.Last:
                        textureDescriptor.SetPixels(frames[index].Texture.GetPixels());
                        reserve = true;
                        break;
 
                    //2 - Restore to background color. The area used by the graphic must be restored to the background color. //还原成背景色
                    case DisposalMethod.Bg:
                        textureDescriptor.SetPixels(textureBg.GetPixels());
                        break;
 
                    //3 - Restore to previous. The decoder is required to restore the area overwritten by the graphic with what was there prior to rendering the graphic.//还原成上一帧
                    case DisposalMethod.Previous:
                        textureDescriptor.SetPixels(frames[index - 1].Texture.GetPixels());
                        reserve = true;
                        break;
                }
            }

递归播放


       /// <summary>
        /// 递归播放
        /// </summary>
        /// <returns></returns>
        IEnumerator Play()
        {
            if (mStop)
            {
                mFrameIndex = 0;
                yield break;
            }
 
            //帧序号
            mFrameIndex = mFrameIndex % mFrames.Count;
            //绘图
            if (mRawImage)
                mRawImage.texture = mFrames[mFrameIndex].Texture;
            if (mImage)
                mImage.sprite = mFrames[mFrameIndex].Sprite;
            //帧延时
            yield return new WaitForSeconds(mFrames[mFrameIndex].DelaySecond);
            //序号++
            mFrameIndex++;
 
            //播放一次
            if (!Loop && mFrameIndex == mFrames.Count)
                yield break;
 
            //递归播放下一帧
            StartCoroutine(Play());
        }

插件支持GIF播放和序列帧播放。 插件支持透明颜色。

插件通过GIF文件协议将图像转换为Unity支持的图像,所有的实现都是通过C#代码,所以你可以很容易的修改代码,以达到你的需求。

插件支持Image和RawImage两种组件,当然你可以改造一下支持其他组件。

插件支持3种播放模式:

1、通过GIF的文件路径

2、通过拖拽GIF的二进制文件

3、通过拖拽序列帧

例子放在文件夹Assets\Plugin\GifPlayer\Dome\中。

欢迎使用。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。如有错误或未考虑完全的地方,望不吝赐教。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

Unity解析gif动态图操作

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Android下录制App操作生成Gif动态图的全过程

Android App开发完了,自然希望录个gif做个展示。视频也可以做展示,但是需要上传到优酷、土豆等等,而且本来就十几秒的App演示操作过程,视频网站的广告就要一分钟,没有gif轻量简单省流量。 下图是我录制的一个短信消灭器应用的效果图
2022-06-06

基于PyQt5如何制作一个gif动态图片生成器

这篇文章的内容主要围绕基于PyQt5如何制作一个gif动态图片生成器进行讲述,文章内容清晰易懂,条理清晰,非常适合新手学习,值得大家去阅读。感兴趣的朋友可以跟随小编一起阅读吧。希望大家通过这篇文章有所收获!这个小工具制作的目的是为了将多张图
2023-06-28

使用Python怎么将GIF动图分解成多张静态图片

这篇文章给大家介绍使用Python怎么将GIF动图分解成多张静态图片,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。实现GIF 动态图片是由多张静态图片组合而成,按照一定的顺序和时间进行播放。基于此,能不能将 GIF 图
2023-06-15

Android 动态分区详解(七) overlayfs 与 adb remount 操作

0. 导读 最开始学习 Android 动态分区源码的时候,比较代码发现 system/core/fs_mgr 目录下多了一个名为 fs_mgr_overlayfs.cpp 的文件,一直不知道什么时候会用到 overlayfs。 后来在
2023-08-18

Linux操作系统启动流程图文详解

理解linux操作系统启动流程,能有助于后期在企业中更好的维护Linux服务器,能快速定位系统问题,进而解决问题。上图为Linux操作系统启动流程 1.加载BIOS 计算机电源加电质检,首先加
2022-06-04

Vue中动态引入图片要是require的原因解析

require是一个node方法,用于引入模块,JSON或本地文件,这篇文章主要介绍了vue中动态引入图片为什么要是require,需要的朋友可以参考下
2022-11-13

免费动态域名解析服务器的作用是什么

免费动态域名解析服务器的作用是将动态IP地址与域名进行绑定,使得用户可以通过域名来访问动态IP地址所对应的服务器或设备,而不需要记住IP地址。它可以让用户方便地进行远程访问、文件传输、监控等操作,同时也可以提高网络安全性。
2023-06-12

Android自定义View制作动态炫酷按钮实例解析

普通按钮也就那么几种样式,看着都审美疲劳,先放效果图: 你会不会以为这个按钮是集结了很多动画的产物,我告诉你,并没有。所有的实现都是基于自定义View,采用最底层的onDraw一点一点的画出来的。没有采用一丁点的动画。虽然演示时间很短,
2022-06-06

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录