Flash MX 2004动画设计与制作 作者 秦琴 郭红彬 第7章 创建交互式动画.pptVIP

第7章 创建交互式动画 教学目标 课堂讲解 教学目标 知道什么是ActionScript脚本语言 理解事件和动作的含义 理解ActionScript的基本命令（play命令、stop命令和goto命令等） 掌握“动作”面板的操作 掌握ActionScript的基本语法(常量、变量、表达式、基本语句等) 掌握设置按钮动作、设置帧动作、设置影片剪辑动作 了解ActionScript的函数 课堂讲解 7.1　“动作”面板的使用 7.2　设置交互式动画的方法 7.3 　ActionScript语言 7.1　“动作”面板的使用 基本知识 案例7.1　用按钮控制两球碰撞 案例7.2　创建帧动作 基本知识 在Flash 中制作动画时，若要使动画中的按钮、关键帧、影片剪辑等具有交互性，就必须为其设置相应的动作。这些动作是由实现某一具体功能的ActionScript命令或实现一系列功能的ActionScript命令组构成。 在Flash中，对ActionScript的编辑是通过“动作”面板实现的。本节将介绍“动作”面板的操作方法。 案例7.1　用按钮控制两球碰撞 练习目的 练习要求 操作步骤 案例小结 知识总结与延伸 练习目的 掌握从公用库中选择元件的方法 了解并熟悉在“动作-按钮”面板中编写程序的基本方法 体会ActionScript命令对动画的控制。 练习要求 1．制作两球水平相互靠拢碰撞然后分开的图形元件。 2．创建按钮交互，可以控制播放和暂停动画。 操作步骤 第一步：创建“两球碰撞”动画 第二步：创建按钮的交互式动画 第三步：按【Ctrl+Enter】组合键，可以看到两球碰撞的动画循环播放。用鼠标单击“gel Pause”按钮，动画播放暂停；用鼠标单击“Play”按钮，动画继续播放。 第一步：创建“两球碰撞”动画 （1）选择【文件】→【新建】菜单命令，创建一个Flash 文档。 （2）创建一个名字为“两球碰撞”的图形元件，在其内制作两个小球水平靠拢碰撞然后分开的动画。如图7-2所示。 （3）回到场景1，将“库”面板中的“两球碰撞”图形元件拖曳到舞台工作区中。单击选中第30帧，按【F5】键，使动画有效。 图 7-2 “两球碰撞”图形元件 第二步：创建按钮的交互式动画 （1）选择【窗口】→【其他面板】→【公用库】→【按钮】菜单命令，弹出如图7-3所示的“库—按钮”面板。 （2）在“库—按钮”面板中，选择“Playback”文件下的“gel Pause”按钮，用鼠标将其拖动到舞台中。用同样的方法，将“Playback”文件下的“Play”按钮也拖动到舞台中。 （3）单击工具栏上的箭头工具选中按钮，单击工具栏上的任意变形工具按钮，分别调整两个按钮的大小和位置。 第二步：创建按钮的交互式动画 （4）在舞台工作区中，单击工具栏上的箭头工具选中“gel Pause”按钮，然后单击“动作—按钮”面板，弹出如图7-4所示的“动作—按钮”面板。 （5）在“动作—按钮”面板中，左上的窗口是命令选择区，左下的窗口是参数设置区，右边的窗口是程序编辑区。在命令选择区中，选择【全局函数】→【影片剪辑控制】→【on】命令，然后双击“on”；或者单击面板中的加入新动作按钮，弹出如图7-5所示的菜单。在菜单中单击“on”，在“动作—按钮”面板的程序编辑区中出现如图7-6所示。 第二步：创建按钮的交互式动画 （6）在 on ( ) 中选择“press”。用同上的方法，在命令选择区中,选择【全局函数】→【时间轴控制】→【stop】命令，然后双击“stop”，程序编辑如图7-7所示。程序中，第1行用来设置说明事件， on是一个事件句柄，它说明这是一个可以通过按钮的触发来产生的一个事件；press是事件名称，它说明这个事件是在鼠标单击时产生相应的动作；第2行stop ( ) 是用来确定响应事件的动作，即让动画暂停播放。 （7）用同样的方法，利用“动作—按钮”面板为“Play”按钮编程如图7-8所示。 图 7-3 “库—按钮”面板 图 7-4 “动作—按钮”面板 图 7-5 加入新动作菜单 图 7-6 “on”函数 图7-7 “gel Pause”按钮的编程 图 7-8 “Play”按钮的编程 案例小结 1．在“动作”面板中，可以用3种方法添加动作: 　　(1)双击命令选择区窗口的动作列表中的动作。 　　(2)直接将动作拖曳到程序编辑区中。 　　(3)单击加入新动作按钮，在弹出的下拉列表中选择要添加的动作。 2．通过本案例，学会了如何为按钮编写程序脚本来控制动画播放。 知识总结与延伸(1) 1．什么是ActionScript 　　ActionScript的中文意思是“动作脚本”。它是Flash MX的编程语言，有自己的语法、变量和函数等。Acti