上一篇我们讲了游戏中使用背景音乐和按钮音效,今天我们来讲解如何使用多张连续图片实现游戏中的动画。

首先下载连续的动画图: Joy.zip ,下载后解压文件。将整个Jay文件夹复制到【HelloWorld.XNAContent】项目中,

点开【HelloWorld.XNAContent】项目中【Jay】目录,注意这些图片的前半部分的名字是一样的,不一样的是后面带数字的部分。

image

 

打开Game1.cs,找到上一篇提到的【SoundEffect buttonPressedSound;//定义按钮音效】,在它下面定义一个列表来存放这些图片:

List<Texture2D> blacksmithJoyTextures;//定义图片列表

定义一个矩形来控制动画显示的位置和大小,由于动画是多张图片快速切换形成的,所以这个矩形只需要一个。

Rectangle blacksmithJoyRect;

定义动画的当前显示的图片索引,也就是当前显示的图片是第几张加1

int currentFrame = 0;// 当前图片索引

找到【LoadContent()】方法,在方法体内实例化图片列表并用一个for循环来加载图片纹理,这里有个规律当小于10的情况下,图片名称的最后是00i,大于等于10为0i。

blacksmithJoyTextures = new List<Texture2D>();
            for(int i=0;i<30;i++)
            {
                Texture2D blacksmithJoyTexture;
                if (i < 10)
                {
                    blacksmithJoyTexture = Content.Load<Texture2D>("Joy/0_Blacksmith_Joy_00" + i);
                }
                else
                {
                    blacksmithJoyTexture = Content.Load<Texture2D>("Joy/0_Blacksmith_Joy_0" + i);
                }
                blacksmithJoyTextures.Add(blacksmithJoyTexture);
            }

同时初始化动画的位置和大小 X轴100,Y轴100,大小是200的正方形

blacksmithJoyRect = new Rectangle(100, 100, 200, 200);

接着,找到【Draw(GameTime gameTime)】,找到【spriteBatch.Draw(mouseCursor,mouseCursorPosition,Color.White);】在它的前面输入

spriteBatch.Draw(blacksmithJoyTextures[currentFrame], blacksmithJoyRect, Color.White);

来画出当前显示的图片,由于currentFrame是0,所以显示的是第一帧。目前还不会动。

image

下面我们让它动起来,找到【Update(GameTime gameTime)】方法,在方法体内加入

if (currentFrame >= blacksmithJoyTextures.Count - 1)//判断当前图片是否是最后一张
           {
               currentFrame = 0;是最后一张显示第一张图片
           }
           else
           {
               currentFrame += 1;不是最后一张,就显示下一张
           }

完整代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using Microsoft.Xna.Framework;
using Microsoft.Xna.Framework.Audio;
using Microsoft.Xna.Framework.Content;
using Microsoft.Xna.Framework.GamerServices;
using Microsoft.Xna.Framework.Graphics;
using Microsoft.Xna.Framework.Input;
using Microsoft.Xna.Framework.Media;

namespace HelloWorld.XNA
{
    /// <summary>
    /// This is the main type for your game
    /// </summary>
    public class Game1 : Microsoft.Xna.Framework.Game
    {
        GraphicsDeviceManager graphics;
        SpriteBatch spriteBatch;
        SpriteFont defaultFont;
        Color backgoundColor;
        Texture2D mouseCursor;
        Vector2 mouseCursorPosition;

        Texture2D buttonNormal;
        Texture2D buttonMoveOver;
        Texture2D buttonPressed;
        Rectangle buttonRect;
        Texture2D button;

        Song backgroundMusic;//定义背景音乐
        SoundEffect buttonPressedSound;//定义按钮音效

        List<Texture2D> blacksmithJoyTextures;//定义图片列表
        Rectangle blacksmithJoyRect;//动画的位置及大小
        int currentFrame = 0;// 当前图片索引

        public Game1()
        {
            graphics = new GraphicsDeviceManager(this);
            Content.RootDirectory = "Content";
            graphics.PreferredBackBufferWidth = 800;
            graphics.PreferredBackBufferHeight = 600;
            graphics.IsFullScreen = false;
            IsMouseVisible = false;
        }
        

        /// <summary>
        /// Allows the game to perform any initialization it needs to before starting to run.
        /// This is where it can query for any required services and load any non-graphic
        /// related content.  Calling base.Initialize will enumerate through any components
        /// and initialize them as well.
        /// </summary>
        protected override void Initialize()
        {
            // TODO: Add your initialization logic here

            base.Initialize();
        }

        /// <summary>
        /// LoadContent will be called once per game and is the place to load
        /// all of your content.
        /// </summary>
        protected override void LoadContent()
        {
            // Create a new SpriteBatch, which can be used to draw textures.
            spriteBatch = new SpriteBatch(GraphicsDevice);

            // TODO: use this.Content to load your game content here
            defaultFont = Content.Load<SpriteFont>("DefaultFont");

            backgoundColor = Color.CornflowerBlue;

            mouseCursor = Content.Load<Texture2D>("MouseCursor");

            buttonNormal = Content.Load<Texture2D>("ButtonNormal");
            buttonMoveOver = Content.Load<Texture2D>("ButtonMoveOver");
            buttonPressed=Content.Load<Texture2D>("ButtonPressed");

            buttonRect = new Rectangle(300, 200,128,128);

            button = buttonNormal;

            backgroundMusic = Content.Load<Song>("BackgroundMusic");//加载背景音乐
            buttonPressedSound = Content.Load<SoundEffect>("ButtonPressedSound");//加载按钮音效

            MediaPlayer.IsRepeating = true;//重复播放背景音乐
            MediaPlayer.Play(backgroundMusic);//播放背景音乐
            //MediaPlayer.Volume = 1;//背景音乐声音大小(0.1f-1.0f)
            //MediaPlayer.Stop();

            blacksmithJoyTextures = new List<Texture2D>();
            for(int i=0;i<30;i++)
            {
                Texture2D blacksmithJoyTexture;
                if (i < 10)
                {
                    blacksmithJoyTexture = Content.Load<Texture2D>("Joy/0_Blacksmith_Joy_00" + i);
                }
                else
                {
                    blacksmithJoyTexture = Content.Load<Texture2D>("Joy/0_Blacksmith_Joy_0" + i);
                }
                blacksmithJoyTextures.Add(blacksmithJoyTexture);
            }
            blacksmithJoyRect = new Rectangle(100, 100, 200, 200);
        }

        /// <summary>
        /// UnloadContent will be called once per game and is the place to unload
        /// all content.
        /// </summary>
        protected override void UnloadContent()
        {
            // TODO: Unload any non ContentManager content here
        }

        /// <summary>
        /// Allows the game to run logic such as updating the world,
        /// checking for collisions, gathering input, and playing audio.
        /// </summary>
        /// <param name="gameTime">Provides a snapshot of timing values.</param>
        protected override void Update(GameTime gameTime)
        {
            // Allows the game to exit
            KeyboardState keyboardState = Keyboard.GetState(PlayerIndex.One);
            if(keyboardState.IsKeyDown(Keys.Escape))
            {
                this.Exit();
            }
            if(keyboardState.IsKeyDown(Keys.F10))
            {
                graphics.IsFullScreen = true;
                graphics.ApplyChanges();
            }
            if(keyboardState.IsKeyDown(Keys.F11))
            {
                graphics.IsFullScreen = false;
                graphics.ApplyChanges();
            }
            if (keyboardState.IsKeyDown(Keys.F12))
            {
                graphics.PreferredBackBufferWidth = 1920;
                graphics.PreferredBackBufferHeight = 1080;
                graphics.ApplyChanges();
            }

            MouseState mouseState = Mouse.GetState();//获取鼠标状态
            if(mouseState.LeftButton==ButtonState.Pressed)//判断是否按下了鼠标左键
            {
                backgoundColor = Color.Red;//将背景设置为红色
                if (buttonRect.Contains(mouseState.X, mouseState.Y))//判断鼠标是否移动到按钮上并且按下
                {
                    button = buttonPressed;//将按钮设置为按下状态
                    buttonPressedSound.Play();//播放按钮音效
                }
            }
            else 
            {
                if (buttonRect.Contains(mouseState.X, mouseState.Y))//判断鼠标是否移动到按钮上
                {
                    button = buttonMoveOver;//将按钮设置为悬停状态
                }
                else//鼠标不在按钮上
                {
                    button = buttonNormal;//将按钮设置为正常状态
                }
                backgoundColor = Color.CornflowerBlue;//放开鼠标左键恢复成蓝色 
            }

            mouseCursorPosition = new Vector2(mouseState.X, mouseState.Y);

            if (currentFrame >= blacksmithJoyTextures.Count - 1)
            {
                currentFrame = 0;
            }
            else
            {
                currentFrame += 1;
            }

            // TODO: Add your update logic here

            base.Update(gameTime);
        }

        /// <summary>
        /// This is called when the game should draw itself.
        /// </summary>
        /// <param name="gameTime">Provides a snapshot of timing values.</param>
        protected override void Draw(GameTime gameTime)
        {
            GraphicsDevice.Clear(backgoundColor);//绘制游戏背景

            // TODO: Add your drawing code here
            spriteBatch.Begin();
            spriteBatch.DrawString(defaultFont, "这是我的第一个游戏", Vector2.Zero, Color.White);

            //绘制按钮
            spriteBatch.Draw(button, buttonRect, Color.White);

            spriteBatch.Draw(blacksmithJoyTextures[currentFrame], blacksmithJoyRect, Color.White);

            spriteBatch.Draw(mouseCursor,mouseCursorPosition,Color.White);
            spriteBatch.End();

            base.Draw(gameTime);
        }
    }
}

 

点击【启动】

image

运行效果如下。

最后推荐一个素材网站https://craftpix.net/,可以在里面下载到免费的游戏素材。



如果您对C#游戏开发感兴趣,可以扫下面二维码加入我们的QQ群来一起学习交流

原创文章,转载请注明本文链接地址(违者必究):C#开发跨平台游戏——游戏中使用多张图片实现动画

打赏作者
很喜欢这篇文章,打赏犒劳下作者,以此激励作者创作更多

您的支持将鼓励我们继续创作!

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

发表评论

邮箱地址不会被公开。 必填项已用*标注