Jigsaw puzzle game

Kevinkun · April 11, 2026, 3:01am

In this post, there is discuss of how to make a jigsaw puzzle game with javascript and webview.

Here is another version of jigsaw puzzle game, made with pure AI2 blocks, and extensions.

And the app looks like:

There are 4 extensions used in this app:

ImageConvertor by @TIMAI2 for image format convert, rotate, crop, resize..

PDEV2 by @TIMAI2 for make the jigsaw small pieces into different types.

SimpleSaf by @TIMAI2 for pick up the background image

CompCreator @Kevinkun for generate the imagesprite dynamically.

The main work of this app:

1. Load a background image

2. Convert the image to png, if it's not a png file

3. Rotate the image, if its width is bigger than height

4. Crop the image to fit the canva s

5. Resize the image according to column and ro w.

6. Draw the outline on the can vas

7. Cut the bg to small pi eces

8. Apply the mask on the p ieces

9. Apply the outline on the pieces

10. Generate the image Sprites

11. Drag the sprites

12. Check if they arrive the corrent position

The apk can be download from here:

jigsaw9.apk

jigsaw9.aia

TIMAI2 · April 11, 2026, 11:22am

Very clever!

x-tom-x · April 13, 2026, 9:11am

hi @Kevinkun I wanted to download the apk file to have a look at it. unfortunately is not possible

uskiara · April 13, 2026, 9:26am

The same to me…. (Italy)

Kevinkun · April 13, 2026, 9:48am

Please try again. I don’t know why it’s deleted from sourceforge, now I uploaded again.

@x-tom-x @uskiara

x-tom-x · April 13, 2026, 10:04am

Now it works. will try it out in the evening…

uskiara · April 13, 2026, 10:13am

Just got -it ! Many thanks Kevin !

Kevinkun · April 13, 2026, 10:35am

In case someone want the aia (I made this on AI2Offline, maybe not compatiable with MIT server), I uploaded the aia file also.

SteveJG · April 13, 2026, 2:29pm

runs using Companion and aia, fails to compile when building, otherwise GREAT stuff (especially file access) on Android 13 Samsung. Thanks for sharing your code.

x-tom-x · April 13, 2026, 2:48pm

I tried it out. It works perfectly, and I'll keep this solution in mind. The idea with the masks for the puzzle pieces is great. The fact that generating the pieces and background image in ASD remains a constant size (number of files) is also excellent. The generated files are overwritten when a new image is created. This is important because who wants to back up their images in a folder that's only accessible via PC (at least on my tablet, that's not directly possible without additional apps)?

Generating the pieces with the maximum number of 8 x Z (11) takes a while. An acceptable duration.

The AI2 project is quite large. I know there are larger and more comprehensive ones, but I feel more comfortable working in a programming language. There I understand how the algorithm works and what's needed for quite quickly. I find that more difficult in AI2. But it's certainly a matter of practice.

It's great to see that it can be done with AI2. However, there are also some extensions in use here, and as far as I know, these are also programmed in JAVA. So the question is: what is native AI2 and what isn’ t…

Great job and a like from my side