netty既做服务端又做客户端_用Dota2客户端里的Icon来做一个马赛克拼图

突发奇想我想把Dota2客户端里的英雄、道具、技能等图标都从客户端里扒出来再做一个Dota2图标的马赛克拼图。这里就分为两个任务：1、从客户端扒icon；2、做马赛克拼图。

首先针对如何从客户端扒icon的问题搜了下相关资料，发现有相关教程提及，在dota2安装路径中找到SteamLibrarysteamappscommondota 2 betagamedota，使用工具

GCFScape - Valve Developer Community​developer.valvesoftware.com

对该路径下的pak01_dir.vpk进行解压，可以得到如下图的文件结构。

找到的教程中提及在root/resource/flash3/images下存在多个文件夹保存有英雄、道具等图标，但在最新版本（2020.3.25）客户端中仅存在hud_skin文件夹，内部包含多种界面相关图层，并无英雄、道具icon。

经寻找，在root/panaroma/images/下找到了如下三个文件夹：

heros/icons; items; spellicons。

从名字可以判定是英雄、道具、技能的图标。但内部包含的文件均为.vetx_c文件，经查，这是v社进行编译后的文件，在github上搜索，找到了

ValveResourceFormat​github.com

可以进行v社编译文件的反编译，预编译的文件可以在这个链接下载

AppVeyor​ci.appveyor.com

包含三个文件：

Decompiler是一个cli反编译工具，也是最核心工具，nupkg是一些配置文件，把另外两个文件放在GUI同一目录下可以用图形化界面操作反编译。但是GUI工具一次只能反编译一个文件，而且反编译的输出需要手动保存，考虑到我需要反编译非常多的文件，所以我选择用python调用Decompiler.exe进行批量输出。详细代码如下：

import os


hero_path = r'D:Dota2资源解压rootpanoramaimagesheroesicons'
item_path = r'D:Dota2资源解压rootpanoramaimagesitems'
spell_path = r'D:Dota2资源解压rootpanoramaimagesspellicons'


def decompile(input_file, output_file):
    os.system(r'C:UsersyuhwachoongDesktopGUIDecompiler.exe'
              r' -i {input_file}'
              r' -o {output_file}'
        .format(input_file=input_file, output_file=output_file))


def decompile_all(path, output_path):
    for root, dirs, files in os.walk(path):
        for file in files:
            print(file)
            this_file = os.path.join(root, file)
            this_output_file = os.path.join(output_path, file + '.png')
            decompile(this_file, this_output_file)


decompile_all(hero_path, r'iconsheros')
decompile_all(item_path, r'iconsitems')
decompile_all(spell_path, r'iconsspell')

把代码中相应的Decompiler和解压完的文件路径进行相应修改即可。可以得到如下图的一系列图标，共计有1537个图标。

至此就把英雄、技能、道具的icon都扒出来了，接下来需要生成Dota2图标的马赛克拼图。

首先找一张Dota2的logo图：

然后我又先再github上找了一轮制作马赛克拼图的python程序，大多是用建立图片索引-样本图像分割-rgb匹配的方式制作的，最终效果不太理想，可能长这个样子：

过于一言难尽。。。所以还是使用了比较成熟的马赛克拼图软件

Welcome | FMEdda | Foto-Mosaik-Edda​fmedda.com

制作，只需要把icons加入database，然后点击Create photo masaic选择样本图片和输出路径就可以了，样图如下：

可以看出该软件其实是用Database的icons做了拼接以后再把马赛克化的样本图片叠加上去的，虽然视觉效果更好，但是与最初的设想（纯粹的rbg匹配拼合）有一点点不一样。注意在制作马赛克照片的时候尽量合适一点的tile，可以保证马赛克图的精细度不会太糟糕。