CheersUP动态图生成工具使用教程

Bug制造者

工具分享

发布于：2022年8月18日

次浏览

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

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

一、在b站发表评论

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

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

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

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

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

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

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

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

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14

    "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文件：

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

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

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

CheersUP

https://github.com/BugMaker888/CheersUP