交互式动画就是用户可以参与控制的动画，用户可以通过鼠标或键盘操作，使动画画面产生跳转或执行一些特定动作脚本(也称程序)。在Flash中是使用Action Script编程语言编写程序代码的，它的语法结构和Java语言基本一致。动作脚本是在“动作”面板中编写的,“动作”面板分为三种：帧的“动作－帧”面板，按钮的“动作-按钮”面板和影片剪辑实例的“动作－影片剪辑”面板。

一、动作面板与事件

1.时间轴控制全局函数

函数是完成一些特定案例的程序。Flash中提供了大量的函数，这些函数可以从“动作”面板命令列表区的“全局函数”目录下找到。例如，时间轴函数就是其中的一些函数，它的功能如表1所示。

表1 “时间轴控制”函数的格式和功能

格式

功     能

Stop()

暂停当前动画的播放，使播放头停止在当前帧

Play()

如果当前动画暂停播放，则从播放头暂停处继续播放动画

Gotoandplay([scene,]frame)

使播放头跳转到指定场景内的指定帧并开始播放

stopALLSounds

关闭目前播放的Flash动画内所有正在播放的声音

nextFrame

使播放头跳转到当前帧的下一帧，并停在该帧

......

2.按钮与按键的事件与动作

单击选中舞台工作区的一个按钮实例对象，调出“全局函数”下的“影片剪辑控制”目录下的on命令，将其拖动到右边的程序编辑区内，可以在on命令的括号内加入按钮事件与按键事件命令。二、案例讲解    【案例要求】：按钮控制电影序幕    用“播放”“停止”“退到第1帧”“进到最后1帧”等动作按钮控制“电影序幕”。电影序幕，即电影结束时以滚屏方式显示演员名单。如图1所示。

图1

【设计过程】

步骤1：先设计好“电影序幕”的遮罩动画。此处不展开讲(透过移动的文字看渐变填充的方块)，上次已经学习过，如图2所示。

图2

步骤2：新建图层，命名为“按钮控制”，单击第1帧。调出“动作－帧”面板，输入stop();如图3所示。

图3

步骤3：选中“按钮控制”图层，单击菜单“窗口”－“公用库”－“按钮”，选择“playback flat”文件夹，在场景中拖入如图1所示的4个相关按钮。如图4所示。

图4

步骤4：选中场景中的第一个【播放】按钮，调出“动作－按钮”面板，输入代码，如图5所示。

图5

步骤5：选中场景中的第二个【停止】按钮，调出“动作－按钮”面板，输入代码“on (release) {stop();}”。

步骤6：选中场景中的第三个【退到第1帧】按钮，调出“动作－按钮”面板，输入代码“on (release) {gotoandstop(1);}”。

步骤7：选中场景中的第四个【进到最后1帧】按钮，调出“动作－按钮”面板，输入代码“on (release) {gotoandstop(40);}”。

步骤8：保存并测试动画。

三、课堂思考

1.在该动画中是否可以增加【上1帧】【下1帧】等按钮？

2.为了使动画播放时交互功能更强，是否可以考虑在动画中增加【全屏】和【退出】按钮？

四、实践操作

1.完成【按钮控制电影序幕】动画。

2.为了保护动画的知识产权，请尝试在动画播放窗口的第1帧前添加输入密码界面，如果输入的密码正确则开始播放动画，如果密码不正确则退出。如图6所示。如果输入密码3次错误则退出，该如何实现？

图6

3.思考课件制作中的【按钮控制】动画。如图7所示。

图7

欢迎扫码加入“光金工作室”了解更多信息