Working with Editable Images

Hey developers, I am working on using Editable Images in a game, that before the release of editable images, had something different….

I’m experiencing issues within my understanding for, how to preform certain actions.

What I want to do is make a puzzel where to user has to draw a shape. If they draw the object ‘good enough’ they move on, else they fail, and I figured I could use EditableImages for this.

A rough example may be a shape like this:

My issues I am experiencing is:

→ How Can I convert the mouse position to a pixel in the Editable Image over a part ?

→ My Idea for grading the users accuracy was to use a rbxassetid:// Image for the outline, and remove that from what they drawed for the left over pixels. Then by comparing two numbers → What they drawed in the outline / Outline’s total pixels, and What they drawed outside the outline / All pixels not included in the outline… Is there any issues, problems, recommendations, that you may have with this? Is it doable?

Any help is much appreciated! I’ve looked at various thing but I haven’t been able to understand EditableImages enough as I haven’t found a whole lot of resources since they are newer to the platform.