javascript - 如何让雪碧图里的元素串联成流畅的动画?

Question

我尝试用一张雪碧图完成一组动作，但里面每个元素的大小尺寸不一样，输出的动画每帧会有些错位，比如下面这张图：

角色脚的部分有一些错位，请问怎么让这些尺寸不一样的元素在动画时不会感到不自然呢?
下面这张图是原始的雪碧图：

Answer 1

这个要设置好锚点， 看图片视乎是武器的光效把人物挤过去了， 你没用游戏引擎的吗？ 游戏引擎的 sprite 对象一般都有一个锚点属性， 一般都是设置中点为锚点， 就不会出现错位了。