How do I split a texture into differently shaped pieces with libgdx?

Question

I want to split a texture into variously shaped pieces with libgdx, like the pieces of a puzzle game. TextureRegion.split() is not an option, as it splits into equally sized rectangular texture regions.

The "Similar Questions" section here is helpful (particularly this question How do I break an image into 6 or 8 pieces of different shapes?), but I'm not sure yet if it's possible to implement the solution with libgdx.

Any pointers?

Answer 1

I assume you want to create something like a "jigsaw" puzzle. Off the top of my head, an algorithm that might get you started is as follows.

• Begin by splitting your image into equal pieces, it seems like the TextureRegion.split can do this for you.
• After this, you will have some pieces that have been split. Generate a 2D array mapping each puzzle pieces position. For example:

Essentially, the top left would be your "top left" piece, and everything running across y = 0 excluding the end points would be your "top centers".

• With your array in hand, you can map these pieces accordingly:

You should be able to come up with some logic based on your array on how each piece should be created. Then, using some texture manipulating you can punch "holes" in the texture pieces if you're trying to create a jigsaw effect.