javascript - 如何在画布上制作一系列图像，就好像它是使用 JavaScript 的 Gif

问题描述

我正在使用 JavaScript 制作游戏，我需要让角色移动（一只鸟），我可以移动它，但现在我想让它移动它的翅膀。我尝试使用鸟的 gif，但我无法让屏幕识别它。（如果您知道如何在屏幕上使用 gif，这也会对我有所帮助；））。然后我想创建一个与 gif 相似的图像序列，这样当我将角色移动到两侧时，可以改变图像序列来制作动画。

（https://drive.google.com/open?id=1fw1X9aqadd8U5Sb8yo7M11c1IxnIxPdt）

在链接中，我将图像成对和奇数组织起来，以便为成对创建一个如果是角色向右转而奇数向左。

标签： javascript

你想要的是创建一个可以用 JavaScript 动画的 Sprite 图像。Sprite 是一种游戏创建概念，它利用图像中包含多个动画“帧”的单个图像。已经有很多关于如何做到这一点的教程。查看：

http://www.williammalone.com/articles/create-html5-canvas-javascript-sprite-animation/

https://medium.com/dailyjs/how-to-build-a-simple-sprite-animation-in-javascript-b764644244aa

javascript - 如何在画布上制作一系列图像，就好像它是使用 JavaScript 的 Gif

问题描述

解决方案

推荐阅读