不使用XNA或其他第三方库的2d Sprite动画 [英] 2d Sprite Animations without using XNA or other third-party libraries

问题描述

我想创建一个简单的游戏，类似于可以使用RPG Maker创建的游戏。目前，我主要要寻找的是一个教程，该指南可以指导我如何在不使用XNA或任何其他特定库的情况下完成它。

理想的选择是循序渐进的教程或一个很好的，易于理解的示例。

我的目标是自己做，并了解如何整个过程涉及彼此相关的动画元素。

我过去已经使用一个简单的教程构建了一个简单的蛇游戏，但是没有动静。动画，这是我接下来要学习的主要内容。

编辑：

到目前为止，我发现的所有教程都使用第三方库。我确实遇到过是一种格式，其中您可以包含一系列简单的图像帧，这些图像帧应按一系列显示（并因此产生动画的幻觉）。如果要使用这种格式创建子画面，则可以使用类似于在此SO 中找到的代码。讨论，其中提供了一些示例代码，说明了如何使用C＃为.gif动画制作动画并控制其开始/停止。

或者，如果您想使用一个精灵文件（例如我上面包含的一个），您可以使用类似于此CodeProject代码，其重点是与Windows环境进行GDI交互，以便将部分精灵提取并绘制到目标画布上。通过每 x 毫秒重新绘制一次（如上所述），可以提供相同的效果。

请记住：

您需要处理子画面的透明性（例如，上面的Mario子画面具有透明背景）-这样，您的游戏环境就会显示出来。如果使用GDI-这与您如何调用绘画方法有关。如果使用动画.gif，则使用的方法取决于您在窗口上显示的方式。

有关其他资源/示例/参考，请查看以下资源：

• 中级C＃游戏制作教程-2-Sprites


• 2D游戏入门（Visual C）-一篇较旧的文章，它对Sprite动画，计时等概念进行了很多讨论，并提供了一些示例代码（某些DirectX在示例中）


• Sprite.cs -处理sprite和调整大小的一些C＃操作代码示例（使用OpenGL，因此可能不适用）

Sprite开发：

• SpritePad -用于创建Sprite Sheets的工具


• http://makeagif.com/ -在线创建动画gif的工具


• http://picasion.com / -另一个动画gif创建者

I want to create a simple game, similar to what can be created with RPG Maker. What I am primarily looking for at the moment is a tutorial which can guide me on how to accomplish it without using XNA or any other specific library.

The ideal would be a step-by-step tutorial or a good, easy-to-understand example.

My goal is to do it on my own, and come to an understanding of how the overall process works with regards to animation elements relating to one another.

I've already built a simple snake game in the past using a simple tutorial, but there was no movement animation in it and that's the primary thing I'm wanting to learn next.

Edit:

All of the tutorials I have found so far use third-party libraries. I did come across this link, but I'm looking for something which doesn't include XNA.

解决方案

There are a number of ways to approach the topic you're describing. I'm going to give a bit of an overview, and then hopefully provide some resources which can give you examples to get you started.

Essentially, sprite-based animations revolve around having a series of similar images which, when displayed sequentially, create the appearance of motion, similar to a flip-book.

The trick is to understand when your sprite is moving (and therefore should be animated) - and when it is standing still (and therefore should not be animated). In other words - assuming that your game's character is only supposed to move while you hold ▲, ▶, ▼ or ◀, you need to detect when one of those keys starts and stops being pressed, so that you can start/stop your animation accordingly.

Imagine that for simplicity, you only have 2 sprites. The first (left, below) represents your character standing still, and the second represents your character mid-step (right, below):

When the ▶ button is not pressed, you simply continually display the first image. When the ▶ button is pressed, you toggle between the two every x milliseconds (depending on how fast you want the animation to appear).

An animated .gif is one format in which you can contain a series of simple image frames, which are intended to be displayed as a series (and therefore create the illusion of animation). If you were to create your sprites using this format, you could use code similar to that found in this SO discussion, which provides some example code for how to use C# to animate an animated .gif and control its start/stop.

Alternatively, if you wanted to use a sprite file (like the one I included above), you could use something similar to this CodeProject code, which focuses on GDI interaction with the Windows environment in order to extract and paint a portion of the sprite onto a target canvas. By repainting every x milliseconds (as mentioned above), this can provide the same effect.

A few things to keep in mind:

You'll need to handle transparency in your sprites (the Mario sprite above, as an example, has a transparent background) - so that the background of your game environment shows through. If using GDI - this all has to do with how you call the painting methods. If using an animated .gif - the method to use depends on how you display it on your window.

For some additional resources / examples / references, check out the following resources:

• Intermediate C# Game Making Tutorial - 2 - Sprites
• 2D Game Primer (Visual C) - an older article which talks quite a bit about the concepts of sprite animation, timing and such - and gives some example code (some DirectX in examples)
• Sprite.cs - an example of some C# manipulation code for dealing with sprites and sizing (uses OpenGL, so may not be applicable)

And for Sprite development:

• SpritePad - a tool for creating Sprite Sheets
• http://makeagif.com/ - a tool for creating animated gifs online
• http://picasion.com/ - another animated gif creator

这篇关于不使用XNA或其他第三方库的2d Sprite动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！