This image has also made me realise that my game 'engine' does not currently handle objects that have 'moved' very well; it only assumes things can disappear, or change in-place... in the case of the arm in the drawing in the previous toot, the clickable area would only be in one relative location; i.e. if I make the clickable region closely around the arm on the left one, you'd have to click on the empty air on the right one. So I'd either have to put a bounding box over the shared area (the arm and the empty air), which is my current approach, or I'd have to add a second region and some how link both together.

#FiXatoCodes #FiXatoCreative #FindTheDifferences #coding

anyway, the contour detection is meant to be an aid for adding the #SVG paths; I can always tweak, fix and add paths myself in #Inkscape and directly in the XML source whenever the tool doesn't suffice. I guess I shouldn't expect it to be a magic bullet.

#FindTheDifferences #SpotTheDifferences (I really should come up with a unique name for this project)

Dear #mastoArt #artists,
I'm currently working on a browser-based #FindTheDifferences game (see my Secret of Mana spot-the-difference version as an example), and I'm now at a point where I can start looking for more #drawings to use.

And this is where I hope you can maybe help me out?

I'm looking for #CreativeCommons licensed drawings, photos or other kinds of pictures that come in sets of two where the second has a couple of differences.
The images do have to line up, as I use an offline image comparison script to detect / extract the differences.

While I'm looking for all sorts of images with varied levels of difficulty, I'm especially interested in #colourful drawings aimed at young kids, which I could play with our almost-four-year-old.

Do you have some? Do you know of a collection of such #SpotTheDifferences images that isn't copyright-encumbered? I'd love to hear from you. :D

If you want to follow along with the progress of my game / toolset, feel free to bookmark the thread about my Find-the-Differences game.

#BoostsWelcome

Yay, I think I've made some significant progress on detecting the differences between two images with #opencv2, and extracting the contours to #SVG paths. :D

Now all that would be left is to merge the paths and the (bitmap) images into the template SVG I got. :)

#coding #FiXatoCodes #FiXatoCreative #cv2 #openCV #contourDetection #FindTheDifferences #Python

This evening I started #coding on my "Find it" or "Spot the differences" kind of game, after seeing #BeardGrabber get rather excited over playing a similar thing with me through a YouTube video we came across, and not being able to find decent free alternatives.

Several hours later I think I have something quite presentable already. So, here is my Secret of Mana-inspired find-the-differences game which runs in your browser.

No third party resources; just some javascript for detecting clicks and toggling visibility of markers indicating successful guesses and updating the counters, and an SVG that contains the two pictures and the difference markers.

Can you find all 12 differences?

(It definitely could still use some improvements, such as maybe have an option of putting the images below each other instead of side-by-side, and looking into accessibility improvements, and making it easier to add your own images, but this #toy will primarily be for me and kiddo to enjoy.)

#FiXatoCodes #FiXatoCreative #SecretOfMana #FindIt #FindTheDifferences #SpotTheDifferences #game #games #gaming #GratisGames #IMadeAThing #browserGames #HTML #JavaScript

Does anyone know a free-to-play, preferable ad-free, spot-the-differences #game for Windows?
Ideally something I can add my own images to as well.

#SpotTheDifference #FindTheDifferences #gaming #parenting