0

我正在制作一个游戏，我想为我的角色设置动画（攻击、行走等），但我不知道该怎么做。我知道这不是 for 循环，因为如果是，动画将立即播放，您将看不到它。我已经下载了一个示例精灵表，一旦我学会了如何做，我将对其进行测试。

4

4 回答 4

3

您可以在支持的情况下使用CSS3 的 steps() 函数获取精灵动画。或者使用计时器（setTimeout，setInterval）的普通 javascript 方法。

这是两者的简单示例： http: //codepen.io/anon/pen/hCeuG

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

于 2013-02-09T09:11:59.890 回答
2

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

于 2013-02-09T09:25:48.300 回答
0

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

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

于 2013-02-09T09:21:28.740 回答
0

我也是这样的情况。

CreateJS对我很有帮助。

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

EaselJS 提供了带有源代码的示例，以展示如何在游戏中使用精灵表。

另一个对精灵表操作很有帮助的博客是David Rousset：HTML5 Gaming: 在 Canvas 中使用 EaselJS 动画精灵

我认为这些可能对你有帮助

于 2013-03-14T06:22:15.247 回答