Cover photo

CheersUP动态图生成工具

Pageview

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

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

post image

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

一、在b站发表评论

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

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

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

post image

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

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

post image

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

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

post image

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

post image

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

post image

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

post image

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

post image

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文件:

post image

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

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

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

CheersUP

如果遇到问题的话,可以在下面留言:

Comment