带箭头键的 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 事件处理程序在它们之间交替,但这看起来很笨拙。我想最后我正在尝试使用 Adobe 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 向图形动画的主要内容,如果未能解决你的问题,请参考以下文章