[翻译] wp7游戏 源码加分析

junwong 发布于 2012/03/05 16:37
阅读 628
收藏 0

Windows手机操作系统上有两个用户界面开发的编程模型:Silverlight和XNA。

Silverlight,比NET Framework 功能稍弱的框架,给业务应用开发提供了一个相对快速开发系统模型。Silverlight中包含的用户界面控件的种类繁多,且有不断增长的第三方控件市场,使我们能够迅速设计多样,服务我们的业务的应用程序的用户界面。如果你要创建Silverlight应用程序的Windows Phone 7.5,下载“Windows Phone的Silverlight工具包” http://silverlight.codeplex.com/。

 

在这里我不得不感谢一直支持我的卤面网版主,是他让我提起兴趣写了这么一篇文章,再次感谢卤面网,一个非常不错的wp7开发论坛,后面我也将再次向大家发布几篇高质量文章,请大家到卤面上找我吧,呵呵

    进入正题:

 

XNA呢,它使我们能够使用DirectX 9加速图形输出。如视频播放,将图形渲染任务从CPU移动到GPU,释放CPU资源来处理其他的事情。

 

当我们使用最初发布的Windows Phone的开发,我们不得从Silverlight和XNA中进行选择。而在Windows Phone 7.5中,Silverlight应用程序可以嵌入XNA模型 而且XNA的应用程序也可以嵌入Silverlight的用户界面元素 - 一个巨大的进步。

 

分析游戏

当我们在Windows Phone使用XNA,我们必须牢牢学习基础,这是非常重要的。

XNA Game Studio 4.0添加了很多模板到Visual Studio项目,我们要使用一个称为XNA Game Studio 4.0(4.0)的模板,它位于“ C# - >XNA Game Studio 4.0(4.0)。我命名项目“ AnatomyOfAGame “,并把生成的” Game1 “类更名为” GameSkeleton “。

我们真的需要了解生成的代码,并且希望知道框架是如何为我们工作的

public class GameSkeleton : Microsoft.Xna.Framework.Game
{

XNA Framework的“Game“类实现游戏循环,它提供了窗口,这个窗口显示我们的游戏,并且还包含一个虚拟的方法,使我们的游戏能和XNA框架之间进行沟通。

GraphicsDeviceManager graphics;

“ GraphicsDeviceManager “提供的功能,使我们能够管理图形设备的配置。

SpriteBatch spriteBatch;

“ SpriteBatch “让我们绘制的纹理形式的精灵。精灵能通过pipeline 的转换,照明或效果直接绘制到渲染目标,。它使得我们能单独使用精灵创造一些相当不错的游戏,。

所生成的代码构造是相当简单:

public GameSkeleton()
  {
    graphics = new GraphicsDeviceManager(this);

第一步是创建“ GraphicsDeviceManager “,接着我们需要告诉” ContentManager “应该去哪儿寻找内容。

Content.RootDirectory = "Content";

“ 内容 “属性允许你访问” ContentManager “,这是负责装载位于”管理对象AnatomyOfAGameContent “的内容项目的二进制文件。

“content”是指在设计时产生的内容,他通常是指除去代码的部分如位图,模型和声音等内容。内容是通过Content Pipeline添加到项目,它被称为“Content Pipeline“,是因为它会在游戏build时就被应用到游戏资源中,RootDirectory “告诉” ContentManager“它应该去哪儿寻找那些资源。

    

// 默认情况下帧速率为30 fps的Windowsphone。
     TargetElapsedTime = TimeSpan.FromTicks(333333);

TargetElapsedTime 指的是一个固定的游戏循环的时间。在固定步长的游戏,“ update “,被称为定期执行,每次执行的时间间隔是TargetElapsedTime,在调用draw函数前,游戏会检查是否是时间调用update,当draw完成时,游戏会一直是idle状态,直到下一次update需要被调用。

 

InactiveSleepTime = TimeSpan.FromSeconds(1);
}

 protected override void Initialize()
  {
    base.Initialize();
  }

 初始化时,我们都应该思考我们所要的任何服务,并加载非图形资源。这一点很重要,我们调用基类的Initialize,因为这保证Initialize能将所有游戏组件被添加到Components集合。Initialize会在游戏进入 update/draw循环前被调用

 protected override void LoadContent()
  {
    // Create a new SpriteBatch, which can be used to draw textures.
    spriteBatch = new SpriteBatch(GraphicsDevice);
  }

“ LoadContent方法 在初始化时被调用, 当DeviceReset 事件发生时,游戏内容也必须被重新加载,这时这个函数也会被调用

 protected override void UnloadContent()
  {
  }

UnloadContent 在图形资源需要被卸载时会被调用,也就是在这里我们应该卸载任何特定游戏的图形资源。

protected override void Update(GameTime gameTime)
  {
    // Allows the game to exit
    if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
    {
      this.Exit();
    }
    base.Update(gameTime);
  }

update就是所有最感兴趣的事情处理的地方了,移动物体,检查碰撞,让手机颤抖..总之:所有我们处理游戏逻辑的地方

参数“ gameTime “提供了我们通过三个计时信息的属性:

public TimeSpan ElapsedGameTime { get; }

自上次更新过的游戏时间。

public bool IsRunningSlowly { get; }

IsRunningSlowly表示游戏循环是否正以比TargetElapsedTime更长的时间运行。在这种情况下,我们的游戏要处理相关延误,因为这可以给用户更流畅的游戏体验。

 public TimeSpan TotalGameTime { get; }

TotalGameTime指定游戏开始以来的游戏时间。

 protected override void Draw(GameTime gameTime)
  {
    GraphicsDevice.Clear(Color.DarkKhaki);
    // TODO: Add your drawing code here
    base.Draw(gameTime);
  }
}

当框架要绘制一帧时,draw将会被XNA框架调用,我们通过调用基类的draw方法,确保游戏组件的绘制了


现在,我们还没创造什么东西,但至少我们现在了解了框架是如何工作的。

XNA WP7 Farseer 引擎 

在继续之前,我想向大家介绍Farseer物理引擎,您可以从http://farseerphysics.codeplex.com/下载。Farseer物理引擎是一个开放源码的可用于商业项目的NET 2D物理引擎。这是相当爽的。

本文的解决方案,包括原始的,几乎未修改,Windows Phone Farseer物理引擎3.3.1 。我做了唯一的变化是更新了Windows Phone软件开发工具包(SDK)7.1。要做到这一点,只需点击项目菜单上的“升级的Windows Phone项目”菜单。

现在,我们有一个物理引擎,它使我们更容易做出有趣的游戏。

XNAImage - XNA框架图像处理模块

当你开始玩XNA框架和Farseer物理,它在运行时创建的精灵会明显比较快。HarlinnXNA项目包括一个名为“XNAImage “类,这将有助于我们创造运行效率比较高的游戏。

这个类允许我们画线,圆,样条,Bezier曲线,和还有渲染许多我们的游戏需要呈现的形状

XNAImageIntro项目演示XNAImage如何绘制可用于在运行时呈现的图像。XNAImage是基于WriteableBitmapEx项目,并支持所有的WriteableBitmapEx图像处理功能。这意味着,我们可以使用该库在运行时创建的纹理,然后将生成的图像用于纹理。

 texture = new Texture2D(GraphicsDevice, 
                 rect.Width, rect.Height, false, SurfaceFormat.Color);
  textureImage = new XNAImage(rect.Width, rect.Height, Color.CornflowerBlue);

当我们创建Texture2D对象,我们要使用XNAImage 。-我们必须指定SurfaceFormat.Color的格式,使纹理的像素格式和XNAImage像素格式相匹配。

现在,我们已经创建了我们的XNAImage对象,我们可以开始直接绘制图像:

Color color = Color.Green;
  textureImage.FillEllipseCentered(480/3, 275, 75, 75, color);

  color = Color.Blue;
  textureImage.FillEllipseCentered(480*2/3, 275, 75, 75, color);

我们可以创建另一个图像,并填充Perlin噪点:

XNAImage noisyImage = new XNAImage(200, 200);
 noisyImage.PerlinNoise(1.2, 0.025, 0.9, 3, 5);

当我们要在我们的游戏中创造各种效果,如火焰,烟雾和云层时,Perlin噪点是非常有用的。,然这些图像可以快速Blit到这样的目标图像:

 Collapse | Copy Code
  textureImage.Blit(new Rectangle(140, 400, 200, 100), 
            noisyImage, new Rectangle(0, 0, 200, 100),BlendMode.Subtractive);
  textureImage.Blit(new Rectangle(140, 500, 200, 100), 
            noisyImage, new Rectangle(0, 100, 200, 100));

第一句blit操作,将融合的源图像和目标图像使用减色混合,而第二句只是覆盖到目标矩形上。一旦我们完成了我们的image,我们为它分配给Texture2D对象:

 texture.Assign(textureImage);

XNAImage是还在开发中,但它已经提供了功能非常多的非常有用的游戏UI API:

Blit
FillRectangle
FillEllipse
FillEllipseCentered
FillPolygon
FillQuad
FillTriangle
FillBeziers
FillCurve
FillCurveClosed
Convolute - apply image filters
PerlinNoise
DrawLineBresenham
DrawLineDDA
DrawLine
DrawLineAa
DrawPolyline
DrawTriangle
DrawQuad
DrawRectangle
DrawEllipse
DrawEllipseCentered
DrawBezier
DrawBeziers
DrawCurveSegment
DrawCurve
DrawCurveClosed
Crop
Resize
Rotate
RotateFree
Flip

 

我希望你喜欢!如果你有话要说,请到卤面网 wp7开发论坛(codewp7.com)问答区联系我,我会很高兴知道你在想什么。同时wp7交流QQ群172765887中,也能找到我的身影,感谢大家

全部源码下载请猛击

 




原文链接:http://www.cnblogs.com/sonyye/archive/2012/02/25/2368221.html
加载中
返回顶部
顶部