iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Unity解析gif动态图操作
  • 898
分享到

Unity解析gif动态图操作

2024-04-02 19:04:59 898人浏览 八月长安
摘要

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

欢迎使用。

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

--结束END--

本文标题: Unity解析gif动态图操作

本文链接: https://www.lsjlt.com/news/123418.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

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

下载Word文档
猜你喜欢
  • Unity解析gif动态图操作
    工作需求,要播放一张gif图片,又不想转成视频播放,就开始研究怎样解析gif,在网上也看了不少教程,最后根据自己需求写了个脚本。 首先,Unity是不支持gif的(至少我没找到方法)...
    99+
    2024-04-02
  • Unity 从Resources中动态加载Sprite图片的操作
    我就废话不多说了,大家还是直接看代码吧~ public Sprite LoadSourceSprite(string relativePath) { ...
    99+
    2024-04-02
  • 如何制作沙漠骆驼gif动态图
    本篇文章为大家展示了如何制作沙漠骆驼gif动态图,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。最近抖音来了一拨沙漠骆驼gif表情包热潮,一首歌曲带火了gif表情包,...
    99+
    2024-04-02
  • Java实现动态生成GIF图像详解
    目录背景特点用途AnimatedGifEncoder简介GIF创作生成一、创建maven项目二、自定义生成三、自定义将多张图片合成话外题-怀念巨人总结背景 在互联网上有许多有趣的场景...
    99+
    2024-04-02
  • ps如何制作gif动图
    本文小编为大家详细介绍“ps如何制作gif动图”,内容详细,步骤清晰,细节处理妥当,希望这篇“ps如何制作gif动图”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。首先打开ps,然后点击左上角的文件,点击“新建”。...
    99+
    2023-07-02
  • 用Python将GIF动图分解成多张静态图片
    需求 有时候你看到一张动态图片,其中的一个画面你觉得很不错,想从中提取出来。例如以下这张由多个漂亮小姐姐组成的 GIF 动态图: 实现 GIF 动态图片是由多张静态图片组合而成,按...
    99+
    2024-04-02
  • 基于PyQt5制作一个gif动态图片生成器
    这个小工具制作的目的是为了将多张图片组合后生成一张动态的GIF图片。设置界面化的操作,只需要将选中的图片导入最后直接生成动态图片。 导入界面相关的第三方库 from PyQt5.Q...
    99+
    2024-04-02
  • Unity中的静态批处理和动态批处理操作
    前言 Unity在运行时可以将一些物体进行合并,从而用一个绘制调用来渲染他们。这一操作,我们称之为“批处理”,能得到越好的渲染性能。 Unity中内建的批处理机制所达到的效果要明显强...
    99+
    2024-04-02
  • 基于PyQt5如何制作一个gif动态图片生成器
    这篇文章的内容主要围绕基于PyQt5如何制作一个gif动态图片生成器进行讲述,文章内容清晰易懂,条理清晰,非常适合新手学习,值得大家去阅读。感兴趣的朋友可以跟随小编一起阅读吧。希望大家通过这篇文章有所收获!这个小工具制作的目的是为了将多张图...
    99+
    2023-06-28
  • C#实现合并多张图片为GIF动态图
    目录文章描述开发环境开发工具实现代码实现效果代码解析文章描述 在前一篇写了如何将一张GIF动态图分解成一帧一帧的图片,这一篇我们就把喝进去的一瓢水给还回去。即把一张又一张的图片去拼合...
    99+
    2022-12-15
    C#合并图片为gif C#合并图片 C# gif
  • 使用Python怎么将GIF动图分解成多张静态图片
    这篇文章给大家介绍使用Python怎么将GIF动图分解成多张静态图片,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。实现GIF 动态图片是由多张静态图片组合而成,按照一定的顺序和时间进行播放。基于此,能不能将 GIF 图...
    99+
    2023-06-15
  • Unity 静态变量跨场景操作
    创建两个场景同时赋值StaticVarious 脚本 然后按键好,H ,J 进行不断切换场景,会发现unity 控制台输出数字不断增加,然后把静态去掉,这样结果都是10。 usi...
    99+
    2024-04-02
  • PHP怎么生成GIF动态图片验证码
    本篇内容主要讲解“PHP怎么生成GIF动态图片验证码”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHP怎么生成GIF动态图片验证码”吧!相信很多人都想过如何用PHP生成GIF动画来实现动态图片...
    99+
    2023-06-17
  • 短短几行Python代码制作的GIF动图
    前言想知道怎么用Python代码与动画结合起来,制作GIF动图,并展示给其他人看呢?gifmaze可以帮助你很好的制作GIF动图,效果超棒, 比inter,pyglet和pyqt同比之下,还要好一点,它们两个不能直接发布在网上。gifmaz...
    99+
    2023-06-02
  • 利用Python实现无损GIF动图的制作
    目录生成gif图无损压缩先讲一讲整理的目标 1.挑选喜欢的照片用python制作GIF图 2.动图太大了,对它无损压缩 生成gif图 调用python库imageio可以轻松实现 读...
    99+
    2023-05-15
    Python制作无损GIF动图 Python制作无损GIF Python 无损GIF Python GIF
  • Unity 修改FBX模型动画的操作
    如何在Unity里修改FBX模型自带的动画 我们在把模型做成预制体的时候会出现,模型当前看到的位置和动画播放的位置不一致,而且模型动画文件又是只能读不能改 就这种情况 修改办法 选...
    99+
    2024-04-02
  • 怎么用Python实现无损GIF动图的制作
    今天小编给大家分享一下怎么用Python实现无损GIF动图的制作的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。生成gif图调...
    99+
    2023-07-06
  • Unity 使用TexturePacker打包图集的操作方法
    目录UnityTexturePacker使用方法Unity 打开Unity Ctrl+9,打开Unity商店,下载TexturePacker Importer插件 这个插件是用来解...
    99+
    2024-04-02
  • Python常用图像形态学操作详解
    目录腐蚀膨胀开运算与闭运算开运算闭运算梯度运算礼帽与黑帽礼帽黑帽腐蚀 在一些图像中,会有一些异常的部分,比如这样的毛刺: 对于这样的情况,我们就可以应用复式操作了。需要注意的是,腐...
    99+
    2024-04-02
  • Unity Shader实现动态过场切换图片效果
    本文实例为大家分享了Unity Shader实现动态过场切换图片的具体代码,供大家参考,具体内容如下 一、简单介绍 Shader Language的发展方向是设计出在便携性方面可以和...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作