动画和碰撞检测.doc

PAGE1/NUMPAGES1

动画和碰撞检测

下载源代码2.59介绍经典游戏非常有趣，而且他们更乐意重新创建。

几个月前，为了熟悉这个技术，我决定在Silverlight中构建一个asteriods克隆。

在这个项目中我有如此多的乐趣，我决定构建一个Frogger的克隆器。

本文将介绍我创建这个街机经典的步骤。

游戏是如何构建由于我不是一个图形设计师，我需要找到一些预先制作的图片我的游戏。

我认为我至少能够找到一些老式的using游戏的屏幕截图，这是谷歌图像有哪些信誉好的足球投注网站的一部分。

幸运的是，我能找到i的屏幕截图，它给我所需的基本图像。

现在我有了一些工作，我打开了中的截图并开始裁剪图像。

这个过程花了一段时间，因为我需要裁剪出每个惟一的图像，使。

最后，我用五种不同的车辆。

三个不同大小的日志。

三个不同的海龟。

青蛙头部。

青蛙头部和最后一个。

下面是一些被裁剪出来的图片的例子：

froghead还有拖拉机青蛙(我们的主角)。

现在我已经把图像，了，现在是开始编码的时候了。

对于我的项目，我使用了VisualStudio2008和Silverlight工具add-on。

这个add-on允许你直接从VisualStudio创建Silverlight项目，这意味着你不需要下载任何表达式产品。

无法显示链接的图像。

该文件可能已被移动、重命名或删除。

请验证该链接是否指向正确的文件和位置。

无法显示链接的图像。

该文件可能已被移动、重命名或删除。

请验证该链接是否指向正确的文件和位置。

无法显示链接的图像。

该文件可能已被移动、重命名或删除。

请验证该链接是否指向正确的文件和位置。

无法显示链接的图像。

该文件可能已被移动、重命名或删除。

请验证该链接是否指向正确的文件和位置。

一旦安装了add-on，就是时候启动VisualStudio并使用3.5框架创建一个新项目。

然后，选择VB或者C#作为你的语言。

最后，选择创建一个新的Silverlight应用程序。

按照提示，当添加Silverlight应用程序对话框出现时，选择自动生成测试页面以在构建时托管Silverlight的选项。

我喜欢这个选项，因为当你从VisualStudio运行项目时，会出现一个IE实例，这样你就可以以。

现在已经创建了项目，可以导航到解决方案资源管理器并打开Page.xaml的设计图面。

第一步是获取我创建的背景图像，并将它的设置为页面的背景图像。

这是通过向Canvas添加一个Image元素来完成的。

ImageSource=media/background.pngStretch=NoneCanvas.Top=50/无法显示链接的图像。

该文件可能已被移动、重命名或删除。

请验证该链接是否指向正确的文件和位置。

为了显示得分和与游戏相关的其他信息，我还想在页面的顶部和底部添加一些空间。

因这里，我更改了画布的宽度和高度，足以包含背景图像，并且页页眉和页眉足够。

现在基本元素在页面上，我需要考虑如何编程游戏。

只是为了一些背景信息，游戏的整个想法是让它安全地在屏幕上显示的首页。

为了回家，青蛙必须通过五道车道，避免与汽车接触。

然后，青蛙必须跳到日志上才能安全地到达家。

所以，有了这些信息，我想我需要一种方法来定义车道。

这些通道基本上会为精灵创造物理边界。

我最终使用Rectangle的(这些是由你在左边看到的红色轮廓所表示的)来实现这一影响。

在创建了所有Rectangle之后，我的屏幕看起来就像。

另外，你会注意到，顶部有一些附加矩形，它定义了一旦他穿过所有障碍物的目标。

子画面现在，是时候讨论游戏引擎的机制了。

让我先给你一个Sprite(从维基百科)的定义：

三维立体图像是一种三维/三维图像或者动画，集成在一个较大的场景里。

精灵最初被发明为一种方法，在二维视频游戏中使用特殊的硬件，快速合成多个图象。

随着计算机性能的提高，这种优化变得不必要了，这个术语演变为专无法显示链接的图像。

该文件可能已被移动、重命名或删除。

请验证该链接是否指向正确的文