带箭头键的 8 向图形动画

Posted

技术标签:

【中文标题】带箭头键的 8 向图形动画【英文标题】:8-direction Figure Animation with Arrow Keys 【发布时间】:2017-04-11 00:43:28 【问题描述】:

我负责在 ActionScript 3 中设计一个等距视频游戏的演示。我有位图精灵表来显示我正在使用的头像在各个方向站立和行走。步行动画由三帧组成。

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

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

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

【问题讨论】:

如果我的回答不够,请告诉我您需要什么 【参考方案1】:

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

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

如果你有一个大小合适的精灵,它平铺有类似的等距槽: (9 帧大小为 64x128)

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

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

最后,为遮罩层启用遮罩,然后是它的编码时间,

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

现在将其扩展为支持 8 个方向,您只需要根据单键和多键在方向之间进行播放和切换,

【讨论】:

谢谢!!超级全面和乐于助人! :) 我应该在哪里添加这些其他方向?在其他层中,还是在单独的 SWF 中?我想将一个对象动画的所有方向保存在每个对象的一个​​文件中。因为我打算将衣服分成多个文件。 @Fuselight 将它们插入新帧并给它们一个相同的名称(例如“walk_top”、“walk_topright”等等......)。但是您只需要 5 个方向,而 3 个方向只是一个可以镜像的副本,将由 mc.scaleX = -1; 设置

以上是关于带箭头键的 8 向图形动画的主要内容,如果未能解决你的问题,请参考以下文章

如何创建动画翻转箭头动画

用css怎么实现三个线条变箭头的动画

wxWidgets 中的动画滑动面板/窗口

渐变色仪表盘的实现(带初始化动画和多次改变动画始终点)

canvas绘制箭头路径效果

关于AnyLogic中动画指导图形的问题