使用 TexturePacker 进行资源加密

小灰灰 2022-06-11 05:09 572阅读 0赞

### 导出 pvr 格式 ###

TexturePacker 可以导出的图片格式有很多种，除了常见的 png，jpg，bmp，ttif，tga 之外，还可以导出 pvr，pvr+gzip(pvr.gz)，pvr+zlib(pvr.ccz)。pvr 是 ios 上常用的一种图片格式，iOS 设备用的是 PowerVR 显示芯片，而 PVR 格式可以被该显示芯片直接存取，从而速度更快。使用一般的图片查看工具是无法打开 pvr 文件的，因此将资源导出为 pvr 格式可达到一定的加密程序。  
在 cocos2d-x 中加载 pvr 格式图片与加载 png 图片一样，使用 SpriteFrameCache 加载合图

cc.SpriteFrameCache:getInstance():addSpriteFrames(fileName .. ".plist", fileName .. ".pvr.ccz")

一个要注意的问题的是 cocostudio 也有一个导出合图的工具，它的功能比较简单，只能导出 png 这种常规图片，因此如果要导出 pvr 图片或利用其它强大的功能，则需要使用 TexturePacker。但 TexturePacker 与 cocostudio 导出的文件略有不同，一个明显的区别就是每一帧的命名方式，cocostudio 会加上目录，而 TexturePacker 不会。举个例子，在 ui 目录下有 p1.png，p2.png，p3.png 三张图片，使用 cocostudio 打包后每一帧的文件名分别是 ui/p1.png，ui/p2.png，ui/p3.png；而使用 TexturePacker 打包后的每一帧文件名是 p1.png，p2.png，p3.png，所以从精灵帧缓冲区获取精灵帧的方式也不同

-- 使用 cocostudio 打包图片
    cc.SpriteFrameCache:getInstance():getSpriteFrameByName("ui/" .. fileName .. ".png")
    -- 使用 TexturePacker 打包图片
    cc.SpriteFrameCache:getInstance():getSpriteFrameByName(fileName .. ".png")

### 对 pvr 图片进行加密 ###

虽然使用一般的图片查看工具无法打开 pvr 图片，但还是会有很多特别的工具可以查看甚至转换 pvr 图片，最简单好用的就是使用 TexturePacker。TexturePacker 有个 PVR Viewer 工具，可以直接打开 pvr 格式的图片进行查看，还可以将 pvr 文件转换成 png 图片。别人甚至不需要查看或转换 pvr 图片，直接在代码里加载也行。因此，把资源打包成 pvr 格式也并不安全，只是给别人破解增加了一点点难度而已，并不能做到真正的加密。幸运的是，TexturePacker 又给我们提供了一种加密的方式；这种加密只适用于 pvr.ccz 格式的图片，因此导出图片格式必须选择 pvr.ccz。

![TP加密][TP]

首先，点击 Content protection 右边的这个锁，会弹出一个操作框  
\* Create new key 就是随机生成一个 key  
\* Clear/Diable 就是取消 key，不加密  
\* Save as global key 就是把当前生成的 key 保存为全局密钥  
\* Use global key 就是使用全局密钥来加密

我们点击 Create new key 或者 Use global key，可以看到上面的文本框里出现了一个 128 位的密钥；点击 close 关闭操作框，然后点击 Publish sprite sheet 重新发布资源，这时候就生成了一个加密后的 pvr 图片。使用 PVR Viewer 打开刚生成的 pvr 文件

![打开prv图片][prv]

可以看到它要求我们输入密钥后才能查看，输入我们加密时使用的密钥就可以正常查看和转换 pvr 图片了；而别人不知道我们的密钥，所以想破解我们的资源就很困难了。  
如果使用脚本命令来打包图片的话，则加上参数 `--content-protection <key>` 就可以实现加密。

### 在 cocos2d-x 中加载加密后的资源 ###

加密后的 pvr 文件如果不经处理直接在 cocos2d-x 中加载是加载不了的，这样别人即使拿到我们的资源也无法在代码中直接使用。资源加密后虽然别人无法直接使用我们的资源，但我们自己也同样无法直接使用，因此要使用加密时的密钥进行解密。使用 ZipUtils 进行解密，cocos2dx 中有 ZipUtils.h 和 ZipUtils.cpp 这两个文件，不同版本的引擎所在目录可能不同，我使用的是 cocos2d-x3.10，这两个文件在 `%COCOS_ROOT%\cocos\base` 下。要在第一次加载资源之前调用解决算法，关于如何在 cocos2d-x 中使用 ZipUtils 解决资源，可以参考下面这篇文章  
[https://www.codeandweb.com/texturepacker/contentprotection][https_www.codeandweb.com_texturepacker_contentprotection]  
根据这篇文章介绍，我们要找到 cocos2d-x 的 ZipUtils.h 和 ZipUtils.cpp 这两个文件，然后使用这篇文章的提供的文件替换这两个文件的内容，然后调用 `caw_setkey_part` 这个函数四次，假如我们的密钥是 `0xaaaaaaaabbbbbbbbccccccccdddddddd`

caw_setkey_part(0, 0xaaaaaaaa);
    caw_setkey_part(1, 0xbbbbbbbb);
    caw_setkey_part(2, 0xcccccccc);
    caw_setkey_part(3, 0xdddddddd);

这种做法虽然可行，但这是针对老版本 cocos2d 的做法，新版本的 cocos2d-x 有更简单的方法。在 cocos2d-x3.x 中，不需要替换 ZipUtils.h 和 ZipUtils.cpp 的内容，也不使用 `caw_setkey_part` 函数，而是使用

ZipUtils::setPvrEncryptionKey(0xaaaaaaaa, 0xbbbbbbbb, 0xcccccccc, 0xdddddddd);

查看 `setPvrEncryptionKey` 的源码实现

void ZipUtils::setPvrEncryptionKey(unsigned int keyPart1, unsigned int keyPart2, unsigned int keyPart3, unsigned int keyPart4)
    {
        setPvrEncryptionKeyPart(0, keyPart1);
        setPvrEncryptionKeyPart(1, keyPart2);
        setPvrEncryptionKeyPart(2, keyPart3);
        setPvrEncryptionKeyPart(3, keyPart4);
    }

其实是调用了四次 `setPvrEncryptionKeyPart` 函数，setPvrEncryptionKeyPart 的作用与 caw\_setkey\_part 一样。因此，在 cocos2d-x3.x 中解密 pvr 图片很简单，只需要在第一次加载 pvr 资源之前调用一次 `setPvrEncryptionKey` 函数即可。可以在 AppDelegate 的 applicationDidFinishLaunching 中调用。

[TP]: /images/20220611/763f81614d864e9fb73c1f0e4dd9135d.png
[prv]: /images/20220611/83f67cb6e4db411ab3f749e463561f5d.png
[https_www.codeandweb.com_texturepacker_contentprotection]: https://www.codeandweb.com/texturepacker/contentprotection