Anyone have any idea how to do this?

Okay so I have an image and I’m using a touch event to draw a dynamic mask over it. I’m wondering what would be the best way to see what percentage of the image has a mask over it. This is for a scratch ticket app so when the user is close to finished I want to show them what they won and go to the next level or something. 

I can put a counter on the move event but what if the user just keeps moving in a spot that already has a mask over it? Can anyone think of another way to do this?

This is a total shot in the dark…but what if you broke up the scratch area into an invisible grid of sub sections of maybe 4x4 squares? It could be more depending on how fine grained you want it. When the user moves their finger, track how many sub sections have been touched and when you reach a certain threshold, mark it as completely scratched and do whatever you need to do next.

Here’s a graphic to hopefully show what I mean:

This is a total shot in the dark…but what if you broke up the scratch area into an invisible grid of sub sections of maybe 4x4 squares? It could be more depending on how fine grained you want it. When the user moves their finger, track how many sub sections have been touched and when you reach a certain threshold, mark it as completely scratched and do whatever you need to do next.

Here’s a graphic to hopefully show what I mean: