# CheersUP动态图生成工具

By [Bug制造者](https://paragraph.com/@bugmaker) · 2022-08-19

---

[Pageview](https://bugmaker888.github.io/mirror/pageview.html?display=iframe&width=400&height=36&path=/tc5kyBHZlM6A6vqBi9xB8UiJtECgIVQNid0GFPXh-wM)

该工具可以制作动态头像、动态横幅，干杯动画、情侣动态图等。

b站某些数字藏品头像双击后会出现干杯的动画，如下所示：

![](https://storage.googleapis.com/papyrus_images/0bd23280ac1f5e94d43cf2e019b91b1362174c2504447e57dd5d61c1fefe278a.gif)

下面是制作该动态图的步骤：

### 一、在b站发表评论

众所周知，在b站的评论列表才能进行双击头像的动作，然后出现干杯动画。

所以需要先在b站发表评论，再通过抓包的方式获取动画的资源地址。

如下所示，随便在故宫干杯的帖子里发表一个评论`好想抽中乾隆头像啊`：

![](https://storage.googleapis.com/papyrus_images/d7142cace45a2f92c47d62c75b5804ec813e99ed5276babbdd443841c0a4f313.png)

### 二、获取头像动画配置文件地址

#### 1、使用Chrome浏览器，打开开发者工具，再打开评论的网页：

![](https://storage.googleapis.com/papyrus_images/a6f804aca4336e432102d449b5f4be5b2adac41222dc4f1608352814f7163a95.png)

如果评论太多的话，需要翻页浏览评论，直到看到自己的评论为止。

#### 2、开发者工具切换到Network标签，点击搜索图标：

![](https://storage.googleapis.com/papyrus_images/181bc3c4f987e5b57decae992bab261e9e560891c193cb30481cb7a1385c2689.png)

#### 3、复制自己的评论进行搜索，然后点击搜索结果：

![](https://storage.googleapis.com/papyrus_images/8b9abf9796a4f737ebd254be7f5230c5ac67450ef91a2cbdcd5c288848d8370b.png)

#### 4、点击代码格式化按钮：

![](https://storage.googleapis.com/papyrus_images/f46c3035816e4fb8a3dc6f59842e75d92bf01844b2c4fdc815280aeef5a5a5b4.png)

#### 5、在格式化的代码中点击一下，让鼠标光标停留在文本区域：

![](https://storage.googleapis.com/papyrus_images/10f0381cce43599cb8952e8aa3913003782e11588e0ed193196ab0c9aa039d44.png)

#### 6、MacOS系统按 Command + F，Windows系统按 Ctrl + F 进行搜索，再次搜索自己的评论，可以看到以下结果：

![](https://storage.googleapis.com/papyrus_images/f527a4d5e4f7681dca1ea357fe09df528b75fff9bdcf98edf5464e4d00db3a0b.png)

#### 7、可以看到，自己的评论上方有一个`nft_interaction`字典，里面包含了`metadata_url`字段，该字段的值就是动画配置文件的地址：

            "nft_interaction": {
                "itype": "cheer_alone",
                "metadata_url": "http://i0.hdslb.com/bfs/baselabs/a1c1d0406601836f9375543ae96f7c32fbee49b3.plain",
                "nft_id": "OTQyOmU1cWI6Mw",
                "region": {
                    "type": 2,
                    "icon": "https://i0.hdslb.com/bfs/activity-plat/static/20220506/334553dd7c506a92b88eaf4d59ac8b4d/IOHoVs1ebP.gif",
                    "show_status": 1
                }
            }
        },
        "content": {
            "message": "好想抽中乾隆头像啊",
            "plat": 0,
    

获取到配置文件地址：`http://i0.hdslb.com/bfs/baselabs/a1c1d0406601836f9375543ae96f7c32fbee49b3.plain`

#### 8、访问一下该地址，是一个`JSON`文件：

![](https://storage.googleapis.com/papyrus_images/e12ac035cf7b85c69e653bad6234b475641f93af2df026edf83416ee37c6236b.png)

`JSON`文件里面包含了动画图片文件以及动画帧数据，根据这些数据就可以还原出干杯的动画了。

### 三、使用python脚本生成动态图片

获取到配置文件地址后，可以使用以下工具制作动态头像、动态横幅，干杯动画、情侣动态图等，具体用法可以见`github`仓库：

[CheersUP](https://github.com/BugMaker888/CheersUP)

如果遇到问题的话，可以在下面留言：

[Comment](https://bugmaker888.github.io/mirror/comment.html?display=iframe&path=/tc5kyBHZlM6A6vqBi9xB8UiJtECgIVQNid0GFPXh-wM)

---

*Originally published on [Bug制造者](https://paragraph.com/@bugmaker/cheersup)*