【题外话】

最近要做一个3D动画演示的程序,由于比较熟悉C#语言,再加上XNA对模型的支持比较好,故选择了XNA平台。不过从网上找到很多XNA的入门文章,发现大都需要一些3D基础,而我之前并没有接触过游戏以及3D相关的开发,所以我来从另一个角度整理下入门XNA。本文尽量少涉及3D及数学方面的知识,因为同类文章介绍的挺多的。

【系列索引】

  1. 从零3D基础入门XNA 4.0(1)——3D开发基础
  2. 从零3D基础入门XNA 4.0(2)——模型和BasicEffect

【文章索引】

  1. XNA项目的结构
  2. XNA程序的结构
  3. 坐标系与摄像机
  4. 模型的导入与显示

【一、XNA项目的结构】

虽然微软在推出了XNA 4.0之后就再也没有升级过XNA的版本,但XNA还是在.NET平台上比较方便的3D框架。由于我使用的是VS2013,而XNA 4.0的安装程序只认VS2010,所以需要安装一个使用VS2010 Shell的程序(比如我使用的是SQL Server 2012 Management Studio,当然也可以安装VS2010 Express)才能通过XNA 4.0的安装。安装完后会自动在VS2010下添加相关扩展模板,但不会在更高版本添加,可以参考 http://ryan-lange.com/xna-game-studio-4-0-visual-studio-2012/ 将扩展模板添加到VS2012或2013中(VS2013需要将其中的版本号改为12.0)。

XNA 4.0相对之前的3.1做了很多修改,不仅代码上进行了很多调整,默认创建的项目也与之前的不同。创建XNA 4.0的Windows Game项目后,默认会创建两个项目,分别是WindowsGame以及WindowsGameContent,前者存放程序的逻辑代码,而后者则存放程序所需要的资源(模型、纹理等等),与其他项目不同的是,XNA项目增加了一个Content Reference内容引用,可以将逻辑与资源拆分成不同的项目,即由逻辑代码的项目引用资源项目,当然也可以合并在一起。

【二、XNA程序的结构】

在创建的WindowsGame项目中,与其他Windows程序一样都包含一个Program.cs,除此之外同时还有一个Game.cs。需要说明的是,与平常开发Windows应用以基于事件的方式不同,开发XNA(以及其他游戏框架)的应用是以基于轮询的方式。在Game.cs文件中,除了构造方法外还会生成以下几个方法,其执行顺序和微软给出的说明如下:

  1. protected override void Initialize():需要包含加载任何非图形的资源。
  2. protected override void LoadContent():在Initialize之后或者在任何需要重新加载资源的时候(比如在DeviceReset事件发生时)执行,需要包含加载游戏需要的图形资源等。
  3. protected override void Update(GameTime gameTime):在程序逻辑需要处理时执行,需要包含程序状态的管理、用户输入的处理以及数据的更新。
  4. protected override void Draw(GameTime gameTime):在需要绘制一帧画面的时候执行,需要包含绘制图形的代码。
  5. protected override void UnloadContent():在程序需要释放资源时执行,需要包含释放资源的代码。

其中程序的主要部分就是Update()和Draw()两个方法,整个程序在运行时,几乎就是这两个方法在不断重复执行。需要说明的是,对于XNA,在默认情况下,执行一次Update()和Draw()是要控制在一定时间的(默认为1/60s,即60FPS),如果执行一次Update()和Draw()的时间小于这个时间将会进行等待,如果超过这个时间则会跳帧(不执行Draw()),当然也可以修改Game类中的TargetElapsedTime来改变这个时间,或者修改IsFixedTimeStep=false使得程序帧数能多大就多大。

【三、坐标系与摄像机】

对于二维的画面,我们可以直接使用屏幕的坐标系;而对于三维的画面,我们还需要将三维世界投影到二维的屏幕上。那么,我们就需要一个计算如何将三维世界投影到二维屏幕的工具,那么摄像机就是实现这个功能的。实际上,这里的摄像机与我们平时拿摄像机录像是一样的,在屏幕上显示的内容就是摄像机录下的内容。

首先需要说明的是,在XNA中使用的右手坐标系(与Direct3D中使用的左手坐标系Z轴相反),也就是说按正常方向去看的话,向右是X轴正方向,向上是Y轴正方向,而指向自己的(向外)是Z轴正方向,如下图。

在三维框架中,很多信息的存储和表示都是用四维矩阵(Matrix类)来的。所以要表示一个摄像机,通常由两个矩阵组成,分别是 视图矩阵(View Matrix)投影矩阵(Projection Matrix),其中视图矩阵表示了摄像机的位置、摄像机的朝向以及摄像机的上方向;而投影矩阵则表示了摄像机的视角以及视觉范围。虽然听上去很复杂,但是XNA提供了直接由具体的参数创建矩阵的方法。

对于视图矩阵的创建,可以使用如下的方法:

Matrix.CreateLookAt(Vector3 cameraPosition, Vector3 cameraTarget, Vector3 cameraUpVector);

其中cameraPosition为摄像机在空间内的三维坐标;cameraTarget为摄像机所指向目标的三维坐标;cameraUpVector则表明了哪个方向是摄像机的向上方向(如果摄像机正着放的话,那么Y轴正方向为摄像机的向上方向)。

而对于投影矩阵的创建,则可以使用如下的方法:

Matrix.CreatePerspectiveFieldOfView(float fieldOfView, float aspectRatio, float nearPlaneDistance, float farPlaneDistance);

其中fieldOfView表示的是摄像机的视角弧度,范围为(0, Pi),通常为Pi/4(45°);aspectRatio为摄像机的长宽比,通常为屏幕的长宽比;nearPlaneDistance与farPlaneDistance则为当摄像机多近(远)时无法拍摄到物体。在下图中表示了fieldOfView与nearPlaneDistance和farPlaneDistance的关系,可以看到摄像机通过视角角度与距离可以产生一个近剪裁面和远剪裁面,而最终能投影的部分就是处在这两个平面之间的物体。

【四、模型的导入与显示

对于三维模型,XNA平台支持两种格式,分别是.x与.fbx文件,其中后者在很多软件中都支持,比如Maya、MotionBuilder等等。对于模型的导入,只需要将模型文件拖到Content项目中即可。不过需要说明的是,为了保证效率等,XNA程序在运行时并不是调用的fbx等模型文件,而是通过Content Pipeline内容管道进行处理,编译成扩展名为.xnb的一种中间格式,在程序运行时程序实际调用的为这些中间格式,如下图

Content Pipeline中主要有两个重要的部分,分别是Importer以及Content Processor。其中Importer负责将导入的资源文件解析为XNA可以识别的XNA Game Studio Content Document Object Model (DOM)。系统已经支持了很多的文件格式,比如三维模型支持.fbx和.x,纹理支持.bmp、.dds、.dib、.hdr、.jpg、.pfm、.png、.ppm、.tga等文件等,详情可以参考这里。如果需要的文件格式在XNA框架中不支持,可以自己写新的Importer来支持更多的格式。

而Processor则根据前者解析后的内容存储为Output Type,之后再编译成.xnb文件,在默认情况下使用系统自带的Processor已经足够了,不过当想存储XNA默认没有存储的内容时则需要自己扩展Processor。

虽然上述说了这么多,但加载资源则只需要一行代码即可解决。在上述的Game类中提供了一个ContentManager的实例,名为Content,我们可以使用其来加载我们的模型。ContentManager提供了一个名为Load的泛型方法,将资源类型以及资源的相对路径传入即可读取。比如我们将名为dude.fbx的文件拖到Content项目中,然后只需在上述提到的LoadContent方法中添加如下的一行代码(需要在Game类中定义一个名为model的Model类型):

protected override void LoadContent()
{
// TODO: use this.Content to load your game content here this.model = this.Content.Load<Model>("dude");
}

而如果要将模型绘制到屏幕上,只要调用Model对象的Draw方法即可。不过Draw方法需要提供 World世界矩阵 以及 View视图矩阵 和 Projection投影矩阵,对于后两个矩阵我们上文已经说明,而世界矩阵与视图矩阵类似,可以使用如下的方法创建:

Matrix.CreateWorld(Vector3 position, Vector3 forward, Vector3 up);

其中position与up均与之前的CreateLookAt类似,为模型在世界中所处的三维坐标和哪个方向是模型的向上方向;而forward则不同,为模型的朝向向量,其仅仅代表方向。当然我们也可以通过创建不同的平移、旋转等矩阵,然后相乘得到世界矩阵。

接下来我们可以在上述提到的Draw方法中添加如下的代码:

protected override void Draw(GameTime gameTime)
{
GraphicsDevice.Clear(Color.CornflowerBlue); // TODO: Add your drawing code here Matrix world = Matrix.CreateWorld(Vector3.Zero, Vector3.Forward, Vector3.Up);
Matrix cameraView = Matrix.CreateLookAt(new Vector3(, , ), Vector3.Zero, Vector3.Up);
Matrix cameraProjection = Matrix.CreatePerspectiveFieldOfView(MathHelper.PiOver4, this.GraphicsDevice.Viewport.AspectRatio, 10.0F, 10000.0F);
this.model.Draw(world, cameraView, cameraProjection); base.Draw(gameTime);
}

其中Vector3.Zero、Forward、Up为系统预设的几个常量,分别为(0, 0, 0)、(0, 0, -1)以及(0, 1, 0);而常用弧度值在MathHelper中也可以找到,比如Pi、PiOver2(90度弧度)、PiOver4(45度弧度)等等;GraphicsDevice.Viewport.AspectRatio为显示区域的宽高比。

这样我们就可以创建一个在(120, 120, 120)坐标上,朝向坐标原点的摄像机,并在坐标原点创建一个模型(由于dude模型的正面是朝Z轴负方向的,所以这里我们选用的Z轴负方向为模型的朝向)。

文中提到的dude.fbx从微软提供的sample中获得:http://xbox.create.msdn.com/en-US/education/catalog/sample/skinned_model

本文所有代码可以从如下地址下载:http://files.cnblogs.com/mayswind/XNA_Sample_1.zip

虽然现在使用XNA的人越来越少了,但是这个有点类似个人学习笔记的文章还是要正式开坑了。

【相关链接】

  1. Game Class:http://msdn.microsoft.com/en-us/library/Microsoft.Xna.Framework.Game.aspx
  2. XBOX LIVE Indie Games:http://xbox.create.msdn.com/en-US/education/catalog/?contenttype=4
  3. What is the Content Pipeline?:http://msdn.microsoft.com/en-us/library/bb447745.aspx
  4. Standard Importers and Processors:http://msdn.microsoft.com/zh-cn/library/bb447762
  5. 3D 游戏控制:http://msdn.microsoft.com/zh-cn/windowsphone/gg620050.aspx

从零3D基础入门XNA 4.0(1)——3D开发基础的更多相关文章

  1. 从零3D基础入门XNA 4.0(2)——模型和BasicEffect

    [题外话] 上一篇文章介绍了3D开发基础与XNA开发程序的整体结构,以及使用Model类的Draw方法将模型绘制到屏幕上.本文接着上一篇文章继续,介绍XNA中模型的结构.BasicEffect的使用以 ...

  2. 零基础入门 实战mpvue2.0多端小程序框架

    第1章 课程快速预览(必看!!!)在这一章节中,老师讲带领你快速预览课程整体.其中,涉及到为什么要做这么一门实战课程.制作一个小程序的完整流程是怎么样的,以及如何做项目的技术选型. 第2章 30 分钟 ...

  3. 086 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 03 面向对象基础总结 01 面向对象基础(类和对象)总结

    086 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 03 面向对象基础总结 01 面向对象基础(类和对象)总结 本文知识点:面向对象基础(类和对象)总结 说明 ...

  4. 085 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 04 构造方法调用

    085 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 04 构造方法调用 本文知识点:构造方法调用 说明:因为时间紧张,本人写博客过程中只是 ...

  5. 084 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 03 构造方法-this关键字

    084 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 03 构造方法-this关键字 本文知识点:构造方法-this关键字 说明:因为时间紧 ...

  6. 083 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 02 构造方法-带参构造方法

    083 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 02 构造方法-带参构造方法 本文知识点:构造方法-带参构造方法 说明:因为时间紧张, ...

  7. 082 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 01 构造方法-无参构造方法

    082 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 02 构造方法介绍 01 构造方法-无参构造方法 本文知识点:构造方法-无参构造方法 说明:因为时间紧张, ...

  8. 081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字

    081 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 06 new关键字 本文知识点:new关键字 说明:因为时间紧张,本人写博客过程中只是 ...

  9. 080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则

    080 01 Android 零基础入门 02 Java面向对象 01 Java面向对象基础 01 初识面向对象 05 单一职责原则 本文知识点:单一职责原则 说明:因为时间紧张,本人写博客过程中只是 ...

随机推荐

  1. [转载]SharePoint 2013搜索学习笔记之搜索构架简单概述

    Sharepoint搜索引擎主要由6种组件构成,他们分别是爬网组件,内容处理组件,分析处理组件,索引组件,查询处理组件,搜索管理组件.可以将这6种组件分别部署到Sharepoint场内的多个服务器上, ...

  2. 第三方登录 ----转载自简书,作者 <<碧霄问鼎>>

    这几天遇到一个需求:做第三方登录和分享.遇到了一些坑,把整个过程整理记录下来,方便他人,同时也捋一下思路. 当时考虑过把每个平台的SDK下载下来,一个一个弄,一番取舍后决定还是用ShareSDK.这里 ...

  3. [ZZ] HDR&ToneMapping

    http://blog.csdn.net/toughbro/article/details/6745207 float游戏存储照片blogimage HDR high dynamic range. 很 ...

  4. 套汇问题 Floyd

    问题:套汇. 思路:Floyd 代码: #include <cstdio> #include <cstdlib> #include <ctime> #define ...

  5. php的分页查询建立分页类

    创建一个分页类 <?php /** file: page.class.php 完美分页类 Page */ class Page { private $total; //数据表中总记录数 priv ...

  6. django Forgienkey字段 在前台用js做处理

    在我做的项目中有个选择省城市的选项,这两个字段的关系是一对多的关系class Province(models.Model): # 省会      name = models.CharField(max ...

  7. DevExpress中ChartControl柱状图(Bar)用法

    我的数据 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 chartControl1.Series.Clear(); ...

  8. NSIS:卸载加密码示例

    原文 NSIS:卸载加密码示例 最近有几个同学问我关于卸载时加密码的问题,其实很简单,懂点基础就可以根据安装加密码那篇文章http://www.flighty.cn/html/bushu/201009 ...

  9. vue全家桶(Vue+Vue-router+Vuex+axios)(Vue+webpack项目实战系列之二)

    Vue有多优秀搭配全家桶做项目有多好之类的咱就不谈了,直奔主题. 一.Vue 系列一已经用vue-cli搭建了Vue项目,此处就不赘述了. 二.Vue-router Vue的路由,先献上文档(http ...

  10. OpenCV特征点检测匹配图像-----添加包围盒

    最终效果: 其实这个小功能非常有用,甚至加上只有给人感觉好像人脸检测,目标检测直接成了demo了,主要代码如下: // localize the object std::vector<Point ...