我正在制作一个游戏,我想为我的角色(攻击,行走等)制作动画,但我不知道如何做到这一点。我知道这不是循环,因为如果是,动画将立即播放,你将无法看到它。我已经下载了一个样本精灵表,一旦我学会了它就会对它进行测试。
答案 0 :(得分:3)
您可以使用支持的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
答案 1 :(得分:2)
有基于JS的游戏库可用,其唯一目的是使游戏更容易。你应该使用其中一个。
我曾经研究过其中的一些,我喜欢CreateJS,并且对声音和精灵表有广泛的支持。
实际上你可以使用动画创建spritesheets
答案 2 :(得分:0)
您可以使用免费精灵或尝试使用Photoshop(如果您是专业人士!)或Sprite Maker(适用于基本用户!)
对于3D模型,您可以使用
答案 3 :(得分:0)
我也处于这种状况。
CreateJS对我非常有帮助。
这个库有很多关于处理精灵表和位图动画的文档。
EaselJS的示例包含源代码,以展示如何在游戏中使用精灵表。
另一篇有助于精灵表操作的博客是David Rousset: HTML5 Gaming: animating sprites in Canvas with EaselJS
我认为这些对你有帮助