Jigsaw puzzle game related question

This is a READ-ONLY snapshot of the Godot Community Forums when TwistedTwigleg was the owner, which is hosted for archival reasons only. The current Godot Community Forums can be found here.

Some links may point to external websites, including the current Godot Community Forums. These websites are not associated with TwistedTwigleg.

cenkk

Hi everyone,

I would like to develop a jigsaw type of game.

Which type of components should i use in Godot for Jigsaw pieces? Which type of techniques should i look at to be able to generate Jigsaw pieces from the images?

Thanks in advance.

exuin

Hi, You can either use Sprites or TextureRects for the jigsaw pieces. I think you should look into the methods for Image in order to generate jigsaw pieces from the image. For example, you can use blit_rect_mask() to create a jigsaw piece if you already have a jigsaw pattern created.

cenkk

Thanks.

cenkk

Hi @exuin ,

I attached screenshots for mask image, source image, blit mask and blend mask images.

I used blit_rect_mask and blend_rect_mask functions.

As you can see, Mask image has good looking corners. When i use blit from source, i lose it and i have low quality corners for blit image or blend image.

Which method should I use to fix it?

Thanks in advance.

cenkk

I think that I need to use shaders to mix textures with different blend options.

exuin

Yeah you can also do that. Or you can write a custom function to preserve the alpha channel of the image (I think that's what's causing the jagged edges?)

cenkk

I managed to create first version of parameterised jigsaw puzzle generator. I am happy with the quality of it. Thanks to shaders.

cybereality

Looks awesome!

SimonValley

Hi! For the jigsaw pieces in Godot, you might consider using the Polygon2D or Sprite nodes as the base for each piece. As for generating pieces from images, you could look into using a sprite sheet and cutting it up into individual pieces programmatically, or using a tool such as ImageMagick to pre-process the image and generate the pieces. Another option might be to use a vector shape such as a Polygon2D to define the shape of each piece and use an algorithm to determine the best fit. To see an example of a jigsaw puzzle in action, check out this website: (https://online-jigsaw-puzzles.com/) Good luck with your project!

williamssttebbins

As for generating the pieces from an image using a tool like Tiled or a third-party plugin to automatically generate the puzzle pieces from an image.

dylanbalfour

It's great to hear you're interested in developing a jigsaw puzzle game in Godot. As for the components you should use, consider using the Sprite node for each puzzle piece. You can create a separate Sprite for each piece and then use the position and rotation properties to assemble the puzzle.
And if you're looking for some inspiration for your puzzle game, be sure to check out Jigsaw Puzzles Australia. They have a great selection of puzzles to choose from, and their website is a great resource for puzzle lovers of all ages.