يتمّ عرض هذا الموقع بشكل أفضل في متصفّح حديث مع تمكين JavaScript.

Import encrypted resource/image file into spine-phaser

rys92

Hello everyone,

In the game we developed with Phaser, I'm trying to protect our resource files. We used spine to develop this game.

We encrypted all other PNG images of the game and added them to the canvas, so they are not visible in the Network tab, neither in the Image nor in the XHR section.

We download an encrypted binary file, decrypt it and take the image data and delete it. But this only works with PNG files. We wanted to do it in spine, but this is very different from canvas.

At the beginning of the atlas file, there is the image path. Is there any chance to change this image later or while creating? Let's say I want to create the spine Image with array or base64, is this possible?

Thanks!

Nate

Hopefully you understand you are only doing obfuscation. It's fine to put locks on the doors as a deterrent, but it's important to know there is no real security in doing this.

Which Phaser runtime you are you using? Our's is here:
EsotericSoftware/spine-runtimestree/4.1/spine-ts/spine-phaser

You want to obfuscate the atlas file, the atlas PNGs, the skeleton data, or all of the above?

The atlas PNG loading code is here:
EsotericSoftware/spine-runtimesblob/4.1/spine-ts/spine-phaser/src/SpinePlugin.ts#L355

rys92

Hey @Nate, thanks for fast reply!

Yes I'm using Esoteric Software's plugin, not the phaser's one. I know there is no full coverage, trying to make things harder.

Thank you for awesome contribution. But there is only one problem. As you know if we use Image element, there will be record on network tab. That's why I drawing the image into a canvas and I using texture manager to add into the game. Just like this:

scene.textureManager.addCanvas(myEncryptedImageCanvas);

So there is no file loader or Image element, but SpinePlugin.ts#L355 requires a Phaser.Loader.File

Is there a way to do that? Or should I modify the spine-phaser plugin?

Thanks in advance..

Mario

You will have to modify the spine-phaser plugin to support this. That said, it is unclear to me how to support this. The .atlas files reference .png files, which then get loaded via Phaser.Loader.File. If you add a decoded image via scene.textureManager.addCanvas(), I don't see how you can use the textureManager to resolve the image by file name.