摘要:Flash 是一款网页动画开发软件,在网站中网页动画制作中有着广泛应用,能够设计制作出具有交互式性质的动画。而这些动画通常是以运动的图像对网页内容进行说明解释或者吸引人们的注意。本文以 Flash 交互式动画为研究对象,对其动画编程展开论述,旨在能够为广告、动画学习者与工作者的具体实践提供一定的帮助。
关键词:Flash;交互动画;编程
1 交互式动画与 Flash 动画
1.1交互式动画
交互式动画发生在播放时,简单来说是一种具备交互功能的动画。在动画播放时,它能够对事件响应表现出支持态度,即能够接受某种特定的控制。这里,对动作操作的控制具有主观性与预先性。主观性是指控制是由动画播放者特定设计的,预先性是指在制作过程中为达到动画播放画面清晰、能够正常播放的效果,提前所做的某些准备工作。其中,交互性体现了人性化。传统意义上来讲,观众作为动画作品的受众对象,在动画播放观看过程中是被动的。但是,交互式动画出现后,观众也可以参与到动画播放中,也可以对动画播放进行控制,使得观众有了更加具有主动性的选择,不用漫无目的地观看,而是一种随心所欲地享受视觉效果。
1.2 Flash动画
Flash动画是交互式动画的一种形式,是最为典型的一种动画形式,观众可以实现对动画播放的控制。动画是借助设计者的创作思路理念与计算机信息技术为辅助发展而来的。随着设计者的创作思路理念逐渐突显出丰富性与灵活性,同时计算机信息技术的快速发展,出现了三维动画,并日渐成熟,从游戏领域逐渐过渡到电影领域,或者在建筑工程、考古文物古迹复原等领域中都有着广泛应用。这也颠覆了传统动画播放的被动观念。具有控制性的交互式互动性特征的三维动画,越来越发挥出在各个领域中的重要作用。
2 Action Script 简单介绍
Flash由Adobe公司开发,是一种用于网页动画开发的软件。它的内容由简到繁,对于作品的创建具有一定的主观自由性。在应用程序中添加声音等,使其媒体具有越加丰富性的特点[1].而Action Script是脚本语言,用于编程的一种语言,具有丰富的类库与强大的功能等特点,语法大致上与Java程序的Script有类似之处,应用范围极为广泛。
3 以风扇制作为例,分析 Flash 中的交互动画编程
3.1鼠标对风扇开关与档次的控制
这个过程稍复杂,共11步,每个步骤都是重要环节,是环环相扣的关系。因此,每一个步骤都应认真对待,否则将会影响整体效果。
第一步很简单,是所有设计制作软件在使用中是我共同操作:新建文档。建立文档后,进行页面设置。页面设置就像一张纸,决定着可以容纳内容的多少,这里将Flash文档的页面设置为宽:540像素,高:420像素。在页面设置的时候,需要所绘制的事物大小等特征符合客观性,保证画面的美观。如果是平时练习可能会忽略这些,但是如果是专业的交互式动画制作,则必须注意。
页面工作区设置完以后,还需要建立图形符号,用于扇叶的绘制。再建立两个图形符号,在绘制编辑区域里绘制外壳与罩子。为加以区分,标注出哪个图形符号用于绘制外壳,哪个图形符号用于绘制罩子。这里重点介绍的是编程,对绘画步骤不加以详细讨论,当然绘制效果因人而异,具体的绘制内容效果还需要设计者的想象。
在Flash软件中,图形符号是其中一项基本元件。当调入位图时,要将位图置于图形符号当中,这是由于其符号本身具有一定的属性。位图要与这些属性相匹配,这是将位图放置于图形符号中的重要原因,然后根据属性进行调整。
建立与设置完图形符号后,就是影片剪辑环节。首先,建立影片剪辑的文档,为剪辑工作创造工作区域,将建立的影片剪辑命名为n1,表示建立的第一个影片剪辑,以此类推。在建立的第一个编辑区域里,使用鼠标单击第1帧,把设置好的扇叶符号放置编辑区内,然后在40帧的区域内单击。单击鼠标右键,会出现很多指令功能对话框,其中有一项是“插入关键帧”,选择这个指令,将其插入在刚才设置的第40帧中。再次对第1帧进行单击,同样单击右键操作,点击“创建补间动画”这个选项,在属性面板中有一个“旋转”选项,在该选项中将扇叶的转动方向设置为顺时针,默认旋转次数为一次。同时,根据需要对扇叶转速由动画帧数、旋转次数而定[2].
上面的操作完成后,各元件的编写程序正式开始。在n1的基础上进行复制,生成一个相同的影片编辑,命名为n2,也就是第二档。按照同样的方法,根据需要对n2编辑区的旋转次数与动画帧数进行设置。需要注意,转速要比n1快1为了使读者一目了然,这里只论述n1与n2两个档位的制作,具体的其他档位可根据具体情况而定。
回到场景设置编辑区域,单击第1帧,此时将外壳置于场景的中间位置,即拖入场景中后将其在页面中的位置设置为居中。再建立一个新的图层,同样单击第1帧,在公用库里找出3个数量的按钮,安放在外壳右边。按钮也是Flash软件中的一种基本元件,外观形式并不局限于一种,而是多种多样。编写程序后,按钮对鼠标事件具有明显的敏感性,对鼠标事件做出作出正确的响应,对动作脚本按照特定的形式执行。可见,按钮对于交互式动画的实现具有重要作用,是其中一项重要的关键对象。
建立新图层,命名为n2(之前相同命名的是影片剪辑,这里是图层,如怕混淆,可以将图层命名改为其他名字),进行第1帧的单击,选择恰当位置将n2影片剪辑拖入这个图层中,同时在n2图层的基础上再建立一个新的图层,命名为n1.进行第1帧的单击,拖入n1影片剪辑的操作,使其在场景中能够将n2影片剪辑完全覆盖。在这个过程中,注意对图层加以区分。每个图层对应一定的操作,如果混淆图层,导致操作与图层没有对应,再进行修改是一个非常麻烦的过程。
建立第三个图层,命名为n3.同样的方法单击第1帧,选择恰当的位置将罩子拖入场景。
在n1影片剪辑中,属性面板中有实例名称的选项,填写为“n1”.按照同样的方式将n2影片剪辑填写为“n2”,以区分分身。在动作面板中选中场景中的n1影片剪辑,添加代码。
然后,开始对停止命令的设置。选中颜色为黄色代表停止运动的按钮,并将停止运动的相应代码添加在动作面板中,输入正确代码后,单击与停止运动命令的按钮时,风扇处于停止运动状态。这里编写了on事件处理函数,针对鼠标事件选用Press事件。当通过按键激发这个事件时,计算机会执行繁琐的程序语句,n1与n2影片剪辑会出现播放停止的状态。
第十步选中第一档按钮,颜色为绿色的按钮,同样将代码添加至动作面板中。这样设置编程是为了风扇在单击按钮后,能够在第一档转动[3].
最后一步选中第二档按钮,颜色为蓝色的按钮,同样将相应的代码添加至动画面板中。这样编程是为了在档位中单击按钮后,风扇能够转动。
经过上面论述,就可以以若干简单语句,通过鼠标控制风扇的开关动作,进行档位之间动作的转换,实现通过计算机交互的动画。
3.2键盘对风扇开关与档次的控制
返回到第八步,选取n1影片剪辑,添加代码,通过代码编程赋予数字键盘一定的功能,便可敲击编程所设置的数字键。通过数字键盘的敲击输入相应数字,就可以实现风扇停止运动。运用恰当函数,通过if语句,利用代码语句的设置,赋予风扇运动状态的功能。这样实现了通过按键对风扇运动状态的控制。不同的数字键代表不同的意义,这样可以通过按键实现对交互式动画的控制。
4 结语
综上所述,本文从三个方面对Flash中的交互动画编程展开论述。第一部分对交互式动画与Flash动画进行简单介绍,增加了Flash交互式动画的了解认识。第二部分是对Action Script的简单介绍。Action Script是一种脚本语言,是Flash交互式动画编程的基础。最后一部分具体以风扇的制作为例,对其动画编程过程展开论述。Flash动画编程分为多个步骤,整个过程复杂,因此在具体编程中需要梳理步骤,注意对每个步骤每个细节的处理,并遵循客观规律,以时编程制作出来的动画符合逻辑关系。
参考文献:
[1]亓文娟。基于Flash的辅助教学动画设计与实现[J].安阳工学院学报,2015(4):97-99,107.
[2]梁燕。强化教学互动,培养思维品质--《交互动画编程》多媒体教学有感[J].信息与电脑(理论版),2014(4):225.
[3]陈伟。互动媒体艺术课程体系主干课程之《交互动画设计》研究[J].苏州工艺美术职业技术学院学报,2014(1):13-14.