交互式动画就是用户可以参与控制的动画,用户可以通过鼠标或键盘操作,使动画画面产生跳转或执行一些特定动作脚本(也称程序)。在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
欢迎扫码加入“光金工作室”了解更多信息