[理学]创建交互式动画.ppt

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