(HTML5)使用多个png精灵制作动画,这些精灵会相互重叠

时间:2013-03-25 03:53:16

标签: javascript animation canvas sprite mask

我是html5游戏制作的新手。 最近我正在制作一个游戏,其中包括一些使用png精灵的动画。

http://i.imgur.com/MZrpq9j.png

我有一个背景,我尝试使用这个精灵来掩盖它,我试图使用getImageData()& putImageData()只显示sprite每帧的圆圈部分,一切都很酷,直到我试图在第一个附近制作另一个“圆圈”。

问题是如果精灵表彼此重叠,我不能同时使两个“圆”动画... 这是我项目的开始,最终目标就是在随机位置上制作100个“圆圈”。

那么有没有一种方法可以使用这个精灵表来制作动画圆圈,即使有几个相互重叠的“圆圈”,也只显示圆圈部分的背景?

很抱歉我的英语很糟糕,我会尽力描述这个问题......任何建议都会很棒,如果需要,我可以详细说明问题!谢谢!

PS:我在发布之前尝试过做作业,我能找到的最近的参考资料是http://simonsarris.com/blog/140-canvas-moving-selectable-shapes,但我不知道如何将“鬼画布”的概念应用到我的案例中。

0 个答案:

没有答案