我想在画布上画一个动画,我是否必须使用许多不同的图片,或者它可以像一个真正的动画(.gif可能)保存在一个文件中
I want to draw an animation on the canvas, do I have to use many different pictures or can it be saved like a real animation (.gif maybe) in one file?
对于我的游戏,我需要为角色/npc的行走制作动画。我以前每次移动都有许多不同的.png图像,但我能把它们都放在一个文件中吗?我想避免使用.gif,因为我需要透明的背景,所以一个.png文件将是首选。这不是真的很重要,但会节省我一些时间,和编码…
是的,您可以使用一个图像来显示多个角色动画状态。
它的工作原理是创建一个包含状态的长图像,然后将其放在画布上,以便一次只显示一个状态。这应该适用于浏览器支持的任何图像类型。
这个游戏教程解释:http://michalbe.blogspot.com/2010/09/simple-game-with-html5-canvas-part-2.html
相关文章:
- 如何在上一个动画结束后开始动画
- 反应点击开始动画 + 第一个动画完成后开始另一个动画
- Skrollr.js在向上滚动时启动另一个动画
- 一个动画javascript中包含多个图像
- 如何在另一个动画正在进行时延迟运行动画
- 在前一个动画完成后,使用 javascript 重新触发 CSS 动画
- 如何将一个动画与另一个动画合并
- 将两个单独的元素附加到一个动画脚本
- 使用 jQuery 创建一个动画列表
- AngularJS动画带有回调,等待下一个动画开始
- 每次单独的动画到达某个位置时,运行并重置一个动画
- 在JQuery中开始下一个动画之前停止上一个动画
- 使用javascript创建一个动画信号栏
- 在偏置的小叶折线上添加一个动画箭头
- jQuery创建一个函数循环,每个函数都有一个动画队列
- 在开始另一个动画之前完成动画
- 等到动画完成再运行下一个动画
- 我想要一个动画触发活动,并继续一旦活动状态消失
- 一个大画布怎么能有一个动画'可视区域'
- 如何创建一个动画,像下面的链接使用画布