2015-02-17 98 views
0

我没有Sprite Sheets的使用经验或者通过CSS进行动画制作,并且我有我自己的精灵表(发现here),我研究了很多。JavaScript动画Sprite Sheet?

我从教程中学到的唯一有用的东西是,您可以使用HTML5 Canvas和JavaScript/CSS来制作动画。这样做的关键是我可以让一个img循环动画一次,然后将src更改为this。再次,我做了大量的研究,并没有多少知识。我怎么能做到这一点?

+0

你究竟想要做什么?你有什么尝试?什么不起作用? – APAD1 2015-02-17 20:51:06

+0

你不需要画布。单独使用jquery可以在不使用画布的情况下抵消元素的背景位置。 – 2015-02-17 20:51:37

+0

[尝试这个优秀的博客文章](http://mr-easy.ml/blog/2017/06/26/creating-spritesheet-animation-in-html5-canvas-using-javascript)。 – 2017-06-30 15:06:06

回答

2

您想使用steps in CSS animations。它允许重新创建一个动画GIF,只需要一个每隔几毫秒就移动一次的精灵表。