2019-11-18 碧蓝航线立绘的成像原理及提取技术分析

bluekiller · 发表于 2019-11-18 20:59

本帖最后由 bluekiller 于 2019-11-19 08:17 编辑

碧蓝航线的立绘就个人而言，目前是国内最好的，基于安卓平台的碧蓝航线使用的是unity3d引擎。unity版本号2017.4.28f1.

逆向分析就采用近期更新中的贝尔法斯特皮肤，文件名beierfasite_4_tex。游戏加载中的显示如下：

360截图16241223103129133.png

使用自编的unity3d资源程序，lz4解压，解包获取了贝尔法斯特的mesh和texture2d贴图文件。
360截图1740120710012993.png

beierfasite_4_mesh.mesh如下
360截图168409258977109.png

从解包的texture2d图像来看，立绘貌似被切割成了许多四边形方块，打乱放置，这种加密手法还是比较新鲜的。既然从beierfasite_4_tex中解包出了texture2d和mesh，那么texture2d的还原解析数据应该和mesh有关。接下来重点就是分析mesh的16进制数据，希望从中获取蛛丝马迹。

360截图17001017100115147.png

偏移地址：
0x00 - 0x18 是mesh的文件名
0x18 -       值0x01000000 4字节，应该是vector SubMeshes的数量，LE，也就是说只有一个。
0x20 -       值0x32010000 4字节，LE，解析为三角形面f的描述数量，306（DEC）顶点，描绘1个四边形需要6个点，306/6=51。ok ，也就是说texture2d的贝尔法斯特图像被切割成了51个小块。
0x30 -       值0xCC000000 4字节，LE，解析为贴图顶点数量，204（DEC）顶点，一个小块的贴图顶点4个，那么204/4=51。ok ，与上面的分析吻合。
0x34-          值0x0000E043 4字节，BE, ,解析为Vector3f Center x 图像最宽处的宽度的/2，转 LE 0x43E00000  计算float 448。全宽就是448x2=896像素
360截图17911009598391.png

0x38- 值0x00C01744 4字节，BE, ,解析为Vector3f Center y 图像最高处的高度的/2，转 LE 0x4417C000 计算float 607。全高就是607x2=1214像素
360截图17401203101108145.png

由于是2D平面贴图，所以z向是没有的，所以都是0，这里就不写了。

360截图173705117711254.png

跳转到下面
0x70 - 值0x64020000 4字节，LE，612(dec)，vector IndexBuffer items，612字节，三角形面f的数据612/6=102个面。
0x74 - 0x2D8 就是上面612字节数据。非重点，继续往下走
0x2D8- 0x308 48字节无关紧要，继续往下走

360截图17050402436941.png

0x00000308 值0xFF0F0000，4字节，LE，4080 （DEC）,4080 items，4080字节，这里就是mesh的重点数据区描述，
0x0000030C -                      4080字节的开始偏移地址。20个字节描述5个顶点数据，前12字节是一个v顶点坐标（x、y、z），后8字节是vt贴图顶点坐标（x、y）。一个四边形4个v顶点坐标，12x4=48字节，48x51=2448字节，一个四边形4个vt贴图顶点坐标，8x4=32字节，32x51=1632字节，1632+2448=4080字节，完全吻合。

分析到这里，应该有个定论了，把这4080个字节转换成经典的obj格式
0x0000030C 4080 items第1个数据，          float数据组 0x0000844 BE 转 LE 0x44080000  计算float 544 V-x 顶点坐标
0x00000310 4080 items第2个数据，          float数据组 0x0009E42 BE 转 LE 0x429E0000  计算float 79  V-y 顶点坐标
0x00000314  4080 items第3个数据，          float数据组 0x0000000 BE 转 LE 0x00000000  计算float 0 V-z 顶点坐标
0x00000318 4080 items第4个数据，          float数据组 0x000803A BE 转 LE 0x3A800000  计算float 0.0009765625 Vt-x 顶点坐标（贴图）
0x0000031C 4080 items第4个数据，          float数据组 0x020B13A BE 转 LE 0x3AB12000  计算float 0.001351357 Vt-y 顶点坐标（贴图）
.
.
循环51次
输出到obj格式。如下
360截图18141215143454.png

使用windows 10 自带的3dbuilder 查看一下
360截图18430706122055.png

好像有点意思了。干脆上max贴图看一下
360截图17930723574360.png

max 导出为fbx格式，使用windwos10 自带的3D 查看器观看，嘿嘿，是那么个样子

360截图17350804166829.png

ok，碧蓝航线的立绘加载原理应该就是这样了。下一步是把立绘提取出来。

这就是解包的贝尔法斯特的贴图，由于观看方便，解包的时候翻转了一次，现在我们把它翻回去，如下

beierfasite_4.fw翻转.fw.png

这张加密图的分辨率是1024x740

根据前面解读的全宽全高896x1214，我们新建一个画布

360截图18470124305514.png

我们看obj第一个贴图四边形数据和加密的分辨率
第1个vt坐标点：x 0.0009765625 x 1024=1 ，y 0.001351357 x 740=1
第2个vt坐标点：x 0.0009765625 x 1024=1 ，y 0.5202702 x 740=385
第3个vt坐标点：x 0.02822266 x 1024=289 ，y 0.5202702 x 740=385
第4个vt坐标点：x 0.02822266 x 1024=289 ，y 0.001351357 x 740=1

beierfasite_4.fw翻转2.fw.png