Building a Color-by-Numbers Game with ZIM and AI-Generated Art

Color-by-Numbers Game – Hanukkah Edition

Choose an illustration from the gallery and tap on it.
Select a color from the palette.
Color the highlighted areas in the illustration.

Use the hints and the magnifying glass (zoom)
to complete the artwork successfully!

:point_right: משחק צביעה לפי מספרים לחנוכה - משחק השבת - משחק לפרשת השבוע

This interactive game was built using ZIM.
The illustrations were created using AI (Google Gemini Pro).

The process was fun, creative, and surprisingly efficient.

https://www.youtube.com/shorts/YTaHEBWaV7k

2 Likes

Nice! Looks and works great!

nice but pitty you can see square pixels instead of svg vectorlines

If the line is dithered then coloring may leave small gaps. One way around this would be to add a smooth thicker line background transparent png above the line that is being used for the coloring. That should hide any edges under the fatter line.

Not sure if that is a reason for the pixel image in the first place - it may just be a stylistic or file-size decision.

We create all the images with AI. If an image is too large, it gives us bad performance. So we resize the images to 1024x1024, and that works well. Can ZIM convert the image to SVG or vector format?

i use https://boxy-svg.com to convert bitmap to svg