运用ActionScript创作简单的交互性动画

【摘要】 本文介绍了利用Flash ActionScript制作互动性动画的有关函数及技巧，并通过具体实例总结出利用ActionScript进行动画设计的常用方法。

【关键词】ActionScript；交互性；元件

【中图分类号】TP317 【文献标识码】A 【文章编号】2095-3089 (2012)02-0241-02

“动作”面板是Flash提供的进行ActionScript(AS)编程的专用环境。在程序编辑区，我们针对当前编辑对象进行ActionScript程序编辑。

添加ActionScript的方法可分为两种：一是将ActionScript添加到时间主轴的帧上，也就是将该帧作为激活ActionScript程序的事件。当动画播放到添加ActionScript的那一帧时，相应的ActionScript程序就会被执行，比如控制动画的播放（gotoAndPlay();）与停止（stop();）。

另一种是将ActionScript添加到影片剪辑和按钮元件上面，当用户对制定的元件进行特定操作时，动画中发生指定的响应，例如单击“播放”按钮元件来控制动画的播放，其程序为：on(release) {play();}

同时，也要注意到，帧动作的设置与影片剪辑、按钮动作设置是有区别的，帧动作可以直接设置，而影片剪辑、按钮动作必须先选中它们，再设置，而且要加诸如“on release”等触发事件。Flash运行时，它会首先执行这个关键帧上的ActionScript，然后才会显示这个关键帧上的元件。

元件是Flas中的主要动画元素，分为影片剪辑、按钮和图形三种类型，并且每种元件也有各自的属性。比如影片剪辑元件，它的属性就有：_height（高度），_rotation（旋转）等。更重要的是，任何一个影片剪辑元件都可以有自己的ActionScript程序和不同动作，执行的过程中相互不影响。元件在舞台中的实际应用就是实例。当修改源元件后，与之对应的所有实例都会相应地改变，不用逐一更改。也可以放心地对引用元件的实例进行修改编辑，不必担心会影响到源元件和其他引用对象。

2 互动设计基本技巧

互动设计是指建立影片和用户间的沟通界面。最简单的互动技巧是在按钮和影片剪辑上输入程序，以建立互动效果。

2.1 按钮动作。 当在按钮中输入程序后，Flash会自动产生接受按钮事件的程序，例如：

on (release){gotoAndStop(2);}

在上面的程序中，on代表接受事件的程序，而release代表产生松开鼠标按键的事件。

2.2 影片剪辑动作。 影片剪辑元件虽然可以接受鼠标事件，但是无法指定按键的范围，也就是说，使用onClipEvent命令接受鼠标按键事件时，鼠标指针在窗口的任何位置按键都会发生作用。若要限定只能在元件显示的范围内按键才发生作用，必须配合hitTest命令。

例1：在主画面上单击要放大的图片（120×90像素），如图1所示，就可以出现该图片的放大图（640×480像素），单击前进按钮显示前一幅放大的图片；单击向后按钮显示后一幅放大的图片；单击主画面按钮回到主画面，如图2所示。

//第1个影片剪辑元件m1的程序：

onClipEvent (mouseUp) {

if(hitTest(_root._xmouse,_root._ymouse,false)){

_root.gotoAndStop(2);

}

}

//第2个影片剪辑元件m2的程序：

onClipEvent (mouseUp) {

if(hitTest(_root._xmouse,_root._ymouse,false)){

_root.gotoAndStop(3);

}

}

同理，依次编写第3、4……个影片剪辑元件m3、m4……

新建图层2，单击第2帧，分别添加主画面按钮、向前按钮和向后按钮。

//主画面按钮的程序：

on (release) {

gotoAndStop(1);

}

//向前按钮的程序：

on (release) {

prevframe();

}

//向后按钮的程序：

on (release) {

nextframe();

}

//自动播放按钮的程序：

on (release) {

play();

}

//暂停按钮的程序：

on (release) {

stop();

}

3 总结

对于一个动画作品而言，良好的交互性可以实现人机之间互动交流，从而更大地发挥了多媒体作品的优势，这一点在Flash中应用帧和影片剪辑、按钮动作就可以很好地实现。本文所列举的两个实例，正是应用Flash中的ActionScript脚本语言来实现动画的交互性的。其基本技巧总结如下：

(1)在没有任何ActionScript程序的情况下播放影片，Flash会根据所设定的播放速度依序播放每一个帧的内容。使用stop命令，可以让影片停止，使用play命令，则可以让影片继续播放。如例1中的实例。 (2)使用nextFrame命令可以跳到下一帧，而preFrame命令可以让影片回到前一帧。 (3)goto是改变流向的命令，它可以指定下一个要播放的帧，这个命令有两种形式：

gotoAndPlay(scene,frame)//跳到指定的画面并继续播放

gotoAndStop(scene,frame)//跳到指定的画面并停止播放

(4)If…else语句，当条件为“真”时，执行一段指定的程序，而条件为“假”时，执行另一段指定的程序。

参考文献

［1］ 王玉琴，许飞.例谈Flash技术在物理交互式CAI动画中的应用［J］.教育技术导刊，2007,(2).

［2］ DJ-6工作室.FLASH动画大赛［M］.北京：电脑爱好者杂志社，2001.