Python Pygame｜实现GIF（gif）动图的加载和降帧【源码+解析】

深藏阁楼爱情的钟 2024-04-03 09:36 101阅读 0赞

最近在使用**pygame**开发游戏，练习**python**编程。但遇到了一个问题，就是如何载入已有的GIF动图增强游戏的效果，在**csdn**搜索了一下，发现相关的文章比较少，缺少实例。于是自己研究了相关内容，找到了解决方案。本篇文章用游戏编程实例介绍**pygame**如何载入GIF动图。

![791b31050fd74c3fa93a56f12c218a3c.png][]

--------------------

**目录**

一、准备一份透明背景的GIF动画素材

二、使用pillow库对GIF动图进行解帧

三、使用pygame.image.load()读取所有解出来的帧并存入列表

四、在精灵类的update()方法中循环播放列表中的帧

五、避免精灵帧率过快对精灵进行降帧

六、实例完整源代码

--------------------

#### 一、准备一份透明背景的GIF动画素材 ####

首先在网络上找一张背景透明的GIF动图，注意需要背景透明的，不然在游戏中就会显示一个矩形图片，会挡住游戏的背景。**以下就是百度图片搜索找到的背景透明的GIF动图。**

![416a78bc67cd4bc1b0900fffcf2ebf29.gif][] 百度图片搜索的素材

#### 二、使用pillow库对GIF动图进行解帧 ####

使用**pillow**库的**Image、ImageSequence**包对图片进行解帧后发现，**这张下载的GIF图片包含了10帧图片**，图片以**png**格式保存在**./images/bird/**文件夹下面，**文件名以gif1、gif2......等为后缀名。**

![83c730775eb04d149ec35e9d69b49b02.png][] GIF解帧后的文件情况

参考代码：

from PIL import Image, ImageSequence
    
    class GameGifSprite(pygame.sprite.Sprite):
        """
        小鸟游戏精灵
        """
        def __init__(self, image_name, speed=1):
            # 调用父类的初始化方法
            super().__init__()
            # 使用pillow的image打开GIF动图
            pillow_image = Image.open(image_name)
            index = 1
            # 使用pillow的ImageSequence获取GIF动图所有帧对应的迭代器
            for frame in ImageSequence.all_frames(pillow_image):
                # 以png格式保存在./images/bird/文件夹下面，文件名以gif1、gif2......等为后缀名
                frame.save(f"./images/bird/gif{index}.png", quality=100)
                index = index + 1

#### **三、使用pygame.image.load()读取所有解出来的帧并存入列表** ####

然后使用**pygame.image.load()**按文件名字顺序读取这10张图片，并把返回的10个图像对象添加到列表中。

1）**all\_frame**为GIF动图所包含的所有帧数，这里index循环结束后为11，由于数组从0开始计算，所以为11-2=9。  
2）**now\_frame**为当前游戏的帧，一开始设置为0。  
3）**gif\_images**为存储GIF动图的帧列表。  
4）循环读取所有帧，添加到**gif\_images\[\]**中。  
5）游戏开始时设置显示第一帧图片。

参考代码：

# 定义对象的属性
    # 1.all_frame为GIF动图所包含的所有帧数，这里index循环结束后为11，由于数组从0开始计算，所以为11-2=9
    self.all_frame = index - 2
    # 2.now_frame为当前游戏的帧，一开始设置为0
    self.now_frame = 0
    # 3.gif_images为存储GIF动图的帧列表
    self.gif_images = []
    # 4.循环读取所有帧，添加到gif_images[]中
    for i in range(1, index):
        self.gif_images.append(pygame.image.load(f"./images/bird/gif{i}.png"))
    # 5.游戏开始时设置显示第一帧图片
    self.image = self.gif_images[self.now_frame]

#### 四、在精灵类的update()方法中循环播放列表中的帧 ####

**pygame**在每次画面刷新时会调用每个精灵类的**update()**方法，所以我们只要在该方法下实现循环播放这10帧图片就可以实现含有GIF图片精灵的播放。以下是游戏运行效果图：

![34b84d55d8224bffab4c3045addab5d9.gif][] 游戏运行效果图

1）当播放到gif最后一帧时，重置为gif第一帧  
2）画面每次刷新更新gif的下一帧

参考代码：

def update(self):
            # 在屏幕的水平方向上移动
            self.rect.x -= self.speed
            # 当播放到gif最后一帧时，重置为gif第一帧
            if self.now_frame < self.all_frame:
                # 画面每次刷新更新gif的下一帧
                self.now_frame = self.now_frame + 1
            else:
                self.now_frame = 1

#### 五、避免精灵帧率过快对精灵进行降帧 ####

实现GIF在游戏中显示后又产生了一个新问题，由于游戏设置是60FPS帧率播放的，那么显示这张GIF图片时就**过快了**，我们需要对精灵对象降低帧率，这里使用了我自己写的公式。

1）**self.now\_frame = self.now\_frame + 1**改为**self.now\_frame = self.now\_frame + self.FPS**

2）**update()**方法中增加**self.image = self.gif\_images\[math.floor(self.now\_frame)\]**，使用**math.floor**向下取整达到降帧的效果

**PS：当sefl.FPS设置为0.25时则相当于把帧率降低了4倍，现在看上去就正常多了。**

![fe6455dc574c405da996802e22fb9a30.gif][] 降帧后的效果图

参考代码：

def update(self):
            # 在屏幕的水平方向上移动
            self.rect.x -= self.speed
            # 当播放到gif最后一帧时，重置为gif第一帧
            if self.now_frame < self.all_frame:
                # 画面每次刷新更新gif的一下一帧
                self.now_frame = self.now_frame + self.FPS
            else:
                self.now_frame = 1
            # 设置pygame当前显示的gif帧
            # 使用math.floor向下取整达到降帧的效果
            self.image = self.gif_images[math.floor(self.now_frame)]

#### 六、实例完整源代码 ####

好了基本功能全部实现了，部分素材来源网络如有问题请及时联系博主处理，最后贴上实例的完整源代码。

下载地址：

[https://download.csdn.net/download/qq616491978/86737107][https_download.csdn.net_download_qq616491978_86737107]

[791b31050fd74c3fa93a56f12c218a3c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/41a725bace72498e8adf1cb52efe1fd4.png
[416a78bc67cd4bc1b0900fffcf2ebf29.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/18f3784f319c4a4a898fa853e3fdb852.gif
[83c730775eb04d149ec35e9d69b49b02.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/653259071db642a796317095cceb7256.png
[34b84d55d8224bffab4c3045addab5d9.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/dbf3e7efc923427fadcc5d13f68e0111.gif
[fe6455dc574c405da996802e22fb9a30.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b9d251315242452d83e5afa113b1089f.gif
[https_download.csdn.net_download_qq616491978_86737107]: https://download.csdn.net/download/qq616491978/86737107