游戏精灵动画

Question

我正在制作一个游戏，我想为我的角色（攻击，行走等）制作动画，但我不知道如何做到这一点。我知道这不是循环，因为如果是，动画将立即播放，你将无法看到它。我已经下载了一个样本精灵表，一旦我学会了它就会对它进行测试。

Answer 1

您可以使用支持的CSS3's steps() function获取精灵动画。或者使用计时器的简单javascript方法（setTimeout，setInterval）。

以下是两个简单示例：http://codepen.io/anon/pen/hCeuG

然而，对于JS部分，如果你有一个游戏循环来更新你的动画会更好，这只是一个例子。你可以在这里找到关于javascript游戏循环的非常深刻的解释：http://nokarma.org/2011/02/02/javascript-game-development-the-game-loop/index.html

Answer 2

有基于JS的游戏库可用，其唯一目的是使游戏更容易。你应该使用其中一个。
我曾经研究过其中的一些，我喜欢CreateJS，并且对声音和精灵表有广泛的支持。 实际上你可以使用动画创建spritesheets

Answer 3

您可以使用免费精灵或尝试使用Photoshop（如果您是专业人士！）或Sprite Maker（适用于基本用户！）

对于3D模型，您可以使用

Answer 4

我也处于这种状况。

CreateJS对我非常有帮助。

这个库有很多关于处理精灵表和位图动画的文档。

EaselJS的示例包含源代码，以展示如何在游戏中使用精灵表。

另一篇有助于精灵表操作的博客是David Rousset: HTML5 Gaming: animating sprites in Canvas with EaselJS

我认为这些对你有帮助