javascript - 游戏 Sprite 动画

标签 javascript animation sprite frames sprite-sheet

我正在制作一款游戏,我想为我的 Angular 色设置动画(攻击、行走等),但我不知道如何去做。我知道它不是 for 循环,因为如果是,动画将立即播放,您将无法看到它。我已经下载了一个示例 Sprite 表,一旦我学会了如何做,我就会对其进行测试。

最佳答案

您可以使用 CSS3's steps() function 获取 Sprite 动画在支持的地方。或者使用计时器的纯 JavaScript 方法(setTimeoutsetInterval)。

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

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

关于javascript - 游戏 Sprite 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14786327/

相关文章:

javascript - 从 chrome.tabs.onUpdated 获取以前的 url

javascript - 改进 three.js 场景中的光照

javascript - SetTimeout 在 Ember Controller 中不起作用?

android - AnimateLayoutChanges 不适用于 RecyclerView

javascript - jQuery - 在开始时找到 div 的 CSS 底部,而不是在悬停动画期间

javascript - 使用 ScrollMagic 同步 Sprite 和滚动

javascript - 如何删除 CORB 警告?

javascript - react 翻转移动没有动画

c++ - 如何使 Sprite 在 c++/sfml 2.1 中消失?

python - Pygame 由于 Sprite 而滞后?