我对html5游戏制作非常陌生。最近我正在制作一个游戏，其中包含一些使用 png sprite 的动画。
http://i.imgur.com/MZrpq9j.png
我有一个背景，我尝试使用这个精灵来掩盖它，我试图使用 getImageData() 和 putImageData() 只显示精灵每一帧的圆圈部分，一切都很酷，直到我尝试制作另一个“圆圈” “靠近第一个。
问题是如果精灵表相互重叠，我不能同时让两个“圆圈”动画......这是我项目的开始，最终目标就像在随机位置制作 100 个“圆圈”。
那么有没有一种方法可以使用这个精灵表制作动画圆圈，即使有几个相互重叠的“圆圈”也只在圆圈部分显示背景？
对不起，我的英语不好，我尽力描述这个问题......任何建议都会很棒，如果需要，我可以详细说明这个问题！谢谢！！
PS：我在发帖前尝试过做功课，我能找到的最接近的参考是http://simonsarris.com/blog/140-canvas-moving-selectable-shapes，但我不知道如何应用这个概念我的案例中的“幽灵画布”..