I have a game that uses line art kittens, which means that their interiors have no fill. I am making a whack-a-mole type game where you whack the kittens as they pop up. Te game is designed to be played within an iframe with transparency, so that it looks like line art on the parent page on which it is loaded. Because I have no fill, I am running into two problems:
1. I can see the cats that pop up behind other cats.
2. I can whack the cats in the back(lower layer order) from inside the cats in the front(higher layer order.)
I know that I could fix this by simply adding a fill, but I want the final game to look like hand drawn art on the page. Is there a way to give each cat a mask that hides whatever is behind it (or is lower in the layers panel)?