使用一个带有四个方向的子画面图纸的子画面二维运动动画
2D movement animation for sprites using one sprite sheet with four directions

我出于学习目的而制作2D塔防游戏，并且在移动时无法使敌人（精灵）面对正确的方向。

以下是地图的构建方式，以进行澄清：

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

这是我用来测试的Sprite工作表：

http://i.imgur.com/2h4fSL3.png

左上方的第一个子画面是第0帧，右侧的下一个子画面是第1帧，依此类推。 如您所见，精灵已经朝错误的方向前进。 该地图具有起点（顶部的第一个棕色瓷砖）和终点（终点的最后一个棕色瓷砖），并且只有棕色瓷砖是可步行的，因此有了起点和终点，它将计算出精灵走到终点的最短有效路径。

就是说，每一个生成的精灵都会有一个预定的行走路径，从中我尝试通过检查最后的X或Y位置以及X或Y当前位置来找到精灵所面对的方向，并选择哪条线我将用于行走动画的Sprite表的。 例如，假设小精灵正在向南移动，它应该使用小精灵表格底部（第15到19帧）的小精灵，但它不起作用。

这是我用于敌人的动画课：

 public class AnimatedSprite : Sprite
    {
        public int Lines { get; set; }
        public int Columns { get; set; }
        protected int currentFrame;
        protected int totalFrames;
        protected int timeSinceLastFrame = 0;
        protected int milisecondsPerFrame = 50;


        public AnimatedSprite(Texture2D texture, int lines, int columns, Vector2 position)
            : base ( texture, position)
        {
            this.texture = texture;
            this.position = position;
            Lines = lines;
            Columns = columns;
            totalFrames = Lines * Columns;
        }

        public override void Update(GameTime gameTime)
        {
            base.Update(gameTime);

           //Here i check if the sprite sheet have more than 1 line because if it have, 
           //it must use a different update method.
            if (Lines > 1)
            {
                // Down
                if (lastPostion.Y < position.Y)
                {
                    AnimateDown(gameTime);
                }
                // Up
                if (position.Y < lastPosition.Y)
                {
                    AnimateUp(gameTime);
                }

                // Right
                if (position.X > lastPosition.X)
                {
                    AnimateRight(gameTime);
                }

                // Left
                if (position.X < lastPosition.X)
                {
                    AnimateLeft(gameTime);
                }
            }

            if (Lines == 1) {
            timeSinceLastFrame += gameTime.ElapsedGameTime.Milliseconds;
            if (timeSinceLastFrame > milisecondsPerFrame)
            {
                timeSinceLastFrame -= milisecondsPerFrame;
                currentFrame++;
                if (currentFrame == totalFrames)
                {
                    currentFrame = 0;
                }
            }
        }                        
           center = new Vector2(position.X + texture.Width / Columns, position.Y + texture.Height / Lines);
        }

        public void AnimateUp(GameTime gameTime)
        {
            timeSinceLastFrame += gameTime.ElapsedGameTime.Milliseconds;
            if (timeSinceLastFrame > milisecondsPerFrame)
            {
                timeSinceLastFrame -= milisecondsPerFrame;
                currentFrame++;
                if (currentFrame > 14)
                    currentFrame = 10;
            }
        }

        public void AnimateDown(GameTime gameTime)
        {
            timeSinceLastFrame += gameTime.ElapsedGameTime.Milliseconds;
            if (timeSinceLastFrame > milisecondsPerFrame)
            {
                timeSinceLastFrame -= milisecondsPerFrame;
                currentFrame++;
                if (currentFrame > 19)
                    currentFrame = 15;
            }
        }           

        public void AnimateLeft(GameTime gameTime)
        {
            timeSinceLastFrame += gameTime.ElapsedGameTime.Milliseconds;
                if (timeSinceLastFrame > milisecondsPerFrame)
            {
                timeSinceLastFrame -= milisecondsPerFrame;
                currentFrame++;
                if (currentFrame > 4)
                    currentFrame = 0;
            }
        }

     public void AnimateRight(GameTime gameTime)
        {
            timeSinceLastFrame += gameTime.ElapsedGameTime.Milliseconds;
                if (timeSinceLastFrame > milisecondsPerFrame)
            {
                timeSinceLastFrame -= milisecondsPerFrame;
                currentFrame++;
                if (currentFrame > 9)
                    currentFrame = 5;
            }
        }


        public override void Draw(SpriteBatch spriteBatch)
        {
            int width = texture.Width / Columns;
            int height = texture.Height / Lines;
            int line = (int)((float)currentFrame / (float)Columns);
            int column = currentFrame % Columns;

            Rectangle originRectangle = new Rectangle(width * column, height * line, width, height);
            Rectangle destinationRectangle = new Rectangle((int)position.X, (int)position.Y, width, height);          

            spriteBatch.Draw(texture, destinationRectangle, originRectangle, Color.White);
        }
    }
}

编辑：我在一条直线水平上进行了测试（起点在左侧），它开始朝左（第0帧），但是当它到达第三个棕色瓷砖时，它固定并面向正确的方向：

i.imgur.com/3FsGhuY.png

Edit2：我在所有四个方向（上下移动，向右移动和向左移动，反之亦然）上使用直线水平进行了测试，并且在所有这些方向上，它都从第0帧开始，并在到达第三个图块时开始修复并面对正确的方向。