actionscript-3 - 带方向键的 8 向图形动画

原文 标签 actionscript-3 animation sprite-sheet isometric

我负责为 ActionScript 3 中的等距视频游戏设计演示。我有位图 spritesheets,显示我在各个方向站立和行走时使用的头像。行走动画由三帧组成。

不过,我的问题是我需要弄清楚如何利用它们。我不熟悉 Flash 中的动画,我需要输入有关如何 gotoAndPlay() 正确方向的行走帧的信息。我不认为隔离必要的方向将是一个挑战,就像在箭头键按下时启动它并保持它一样。

我当前的代码基本上由 KEY_UP 和 KEY_DOWN 的键盘处理程序组成,每个处理程序都包含更改 Avatar.currentDirection 属性的 switch-case 语句。当按键按下时,处理程序继续触发,但我需要为游戏添加动画。

我看过一些示例,它们只是将动画嵌入 SWF,传播各种行走阶段的数组,并使用 EnterFrame 事件处理程序在它们之间交替,但这看起来很笨拙。我想最后我正在尝试使用 Adob​​e Animate,但我不知道你应该如何做到这一点。

最佳答案

Ops,幸运的是我现在正在使用 Sprite (图集动画)!

如果我是对的,你只需要使用它们来播放一些具有功能的动画。

如果你有一个大小合适的 Sprite ,它用这样的等距插槽平铺:
(9 帧大小为 64x128)

enter image description here

你的工作很简单,只需从库中创建新的影片剪辑,在里面,在图层(命名蒙版)中创建一个无边界矩形(这是我们的蒙版),然后将图像导入项目,最好从图像属性中禁用平滑能力,

enter image description here

现在,在您的影片剪辑中,您必须创建新图层(在蒙版图层下)并为每一帧添加您的 Sprite 图像,并更改其位置:

enter image description here
enter image description here

最后,启用 mask 层的 mask ,然后是编码时间,

命名您的动画查询(如图像 3),对于可循环动画,插入 gotoAndPlay('anim_name')最后一帧内。我希望您熟悉控制影片剪辑动画,这是任何 Flash 项目的基本概念。

enter image description here

现在要扩展它以支持 8 个方向,您只需要根据单键和多键在方向之间播放和切换,

关于actionscript-3 - 带方向键的 8 向图形动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40824902/

相关文章:

apache-flex - 弹性 : Figure out when the running swf was compiled?

javascript - 带有jQuery动画的动画搜索栏

html - CSS关键帧-缩放和翻译

java - 多个动画的动画偏移

html - 带有 HTML 5 Canvas 的 Sprite-Sheet BLIT?

javascript - 鼠标滚轮在 swf 中不起作用(浏览器 chrome)

regex - 用于检查 Flex 中逗号分隔数值的正则表达式

actionscript-3 - AS3 字符串到类

swift - Swift-动画图像序列

javascript - Sprite 图像的不同起始方向