【WP7进阶】——XNA游戏精灵放大、旋转、层深度

游戏很多都是涉及到操纵游戏精灵的相关知识，本篇还是根据游戏精灵的一些常用知识做的学习，下面是本文大纲:

• 精灵界面居中
• 精灵放大并且旋转
• 纹理的层深度

精灵在界面居中

上篇文章我们为游戏添加一个背景图片，接下来我们希望不让游戏精灵走动了，而是让其在游戏的正中间停靠。

默认Window.ClientBounds这个矩形块可以获得当前设备的宽度和高度-（这里是绝对宽度和高度，无论你屏幕如何旋转它始终获取原始宽高。）

而使用graphics.GraphicsDevice.Viewport 获取设备的宽高则是通过上面设置的PreferredBackBuffer 属性获取而来。这个是两者的区别

使精灵界面居中，代码如下：

// 这个方法在xbox 中可以
              // vect = new Vector2(
              //    (Window.ClientBounds.Width/2)-(user.Width/2), 
              //    (Window.ClientBounds.Height/2)-(user.Height/2)
              //    );
             // Windows Phone 7 最好使用这个，用这个方法可以精确定位精灵到屏幕的中心点
             vect  =   new  Vector2(
               (graphics.GraphicsDevice.Viewport.Width  /   2 )  -  (user.Width  /   2 ),
               (graphics.GraphicsDevice.Viewport.Height  /   2 )  -  (user.Height  /   2 ));

 

运行效果如下：

精灵放大并且旋转

spriteBatch.Draw 有多个重载方法，其中使用以下的重载方法可以实现精灵的放大并且设置其旋转方式：

使用代码如下：

 

spriteBatch.Draw(user,  // 要绘制的纹理  
              vect   // 绘制图像的左上角坐标
               ,  null // 允许您绘制原始图像的一部分,这里使用null
               , Color.White  // 染色颜色 
                ,  0   // 旋转图像,现在使用0
                , Vector2.Zero   // 指定旋转的参照点，现在使用Vector2.Zero
                ,  1.5f        // 绽放比例，使用1代表按照原始尺寸绘制，1.5f 表示放大图像到150%
                , SpriteEffects.FlipVertically, // 使用SpriteEffects 枚举来垂直或水平翻转图像
                 0     // 允许您指定图像的层叠次序（哪张图像在其它图像之上）,现在使用0
                );

 

运行效果如下：

 

纹理的层深度

一个游戏会有很多纹理图像，如果当纯以上篇所说的，控制画的位置那是不现实的。而XNA 可以让您为每个图像指定一个层深度，使图像总是能有正确的Z次序。要修改层深度，需要使用SpriteBatch.Begin 方法的另一个重载版本。其中它的重载参数为如下：

SpriteSortMode

 定义渲染精灵的排序械，有五个模式：

• Deferred：精灵不会被绘制直到SpriteBatch.End 被调用，然后End 以它们被调用的次序送到图形设备中。在这个模式下，操作多个SpriteBatch 对象时它可以让Draw 调用不会产生冲突。这是默认模式。
• Immediate:Begin 调用会立即设置图像设备，Draw 调用会立即进行绘制。同一时间只能一个SpriteBatch 对象被使用。这是最快的模式。
• Texture：和Deferred 模式一样，但是精灵在绘制之前按照纹理进行排序。
• BackToFront ：和Deferred 模式一样，不过精灵按照层深度参数从前往后排序。
• FrontToBack：和Deferred 模式一样，不过精灵按照层深度从后往前排序。

BlendState

决定精灵颜色怎样和背景色混合，有三个模式：

• None ：不进行颜色混合。
• AlphaBlend ：使用alpha 值进行混合，这是默认模式，并开启透明效果，像之前提到的，如果您有带透明背景的图像，就应该使用AlphaBlend。
• Additive ：将精灵颜色和背景颜色进行混合 。

那行明白上面的原理，我们按照上面给出的意思并且我们将代码的位置调换一下，之后的代码将会是这样：

 

  protected   override   void  Draw(GameTime gameTime)
        {
            GraphicsDevice.Clear(Color.CornflowerBlue);

             //  TODO: Add your drawing code here
            spriteBatch.Begin(SpriteSortMode.FrontToBack,BlendState.AlphaBlend);    // 给spriteBatch下命令准备开始动作

             
             // 画背景图
           
             // 将user 按Vector2指定的位置开始画图
             // spriteBatch.Draw(user, vect, Color.White);
            spriteBatch.Draw(user,  // 要绘制的纹理  
              vect   // 绘制图像的左上角坐标
               ,  null // 允许您绘制原始图像的一部分,这里使用null
               , Color.White  // 染色颜色 
                ,  0   // 旋转图像,现在使用0
                , Vector2.Zero   // 指定旋转的参照点，现在使用Vector2.Zero
                ,  1.5f        // 绽放比例，使用1代表按照原始尺寸绘制，1.5f 表示放大图像到150%
                , SpriteEffects.FlipVertically, // 使用SpriteEffects 枚举来垂直或水平翻转图像
                 0     // 允许您指定图像的层叠次序（哪张图像在其它图像之上）,现在使用0
                );

            spriteBatch.Draw(background, rect, Color.White);
           
             // 停止时打印出stop
            spriteBatch.End(); // 给spriteBatch下命令结束动作
             base .Draw(gameTime);
        }

 

从上面的代码看到，背景图在精灵图之后再画，那么以上篇给出的建议是不是背景图会覆盖掉精灵呢？看图示：

 

代码下载：

游戏DEMO