How could I translate drawing on-screen to a UI?

This question has two parts.
–PART 1–

Okay, so I want to transfer my screen drawing (that is, me holding down the mouse and drawing lines in-game on the screen) onto a UI.

The issue is, I have absolutely no idea how to do this. I would search it up, but I’m not even sure what to search up; what I have tried to search so far has not given me helpful results.

For example, say I drew this in-game:
Screenshot 2025-02-04 195832
And I want to transfer it to a small UI (since it is very likely the on-screen drawing will be too big), so it looks something like this:
Screenshot 2025-02-04 200236
where the black box is a makeshift UI.

–PART 2–
The other part of this question is how I can check for how accurate it is. Take this new, modified image:
Screenshot 2025-02-04 200406
How could I check for overlap such that if any part of the drawing (white scribble) is outside the green boxes, it is considered “invalid”?

(Note: The drawings/scribbles are NOT fixed, and can be completely different depending on what is drawn. Hence, why I cannot just use a static image for this entire thing. In addition, the green boxes are literally several frames in this case for the sole purpose of detection. These are fixed, however.)

1 Like

Note 1: Since the drawing is likely to be too big, the UI should hold a smaller, more compressed version of the drawing made with mouse/finger.

Note 2: I’m not looking for code at this point in time, I’m just looking for pointers/ideas.