《动作脚本入门》PPT课件.ppt

第九章 动作脚本入门,Flash动画制作,1,2,Flash动画制作,案例1葡萄酒简介,鼠标指针经过左边第一个“金牌沙城”图片按钮，按钮会闪一道白光，当单击鼠标时右侧随着背景的变化会出现对此种葡萄酒的简介；同样的操作效果应用于第二个和第三个按钮。,图9-1 完成效果图,3,Flash动画制作,相关理论,1使用“动作”面板,（1）“动作”面板介绍“动作”面板为Flalsh提供了一个专门处理动作脚本的编辑环境。它由两部分组成。如图9-2所示，右侧部分是“脚本窗口”，这是输入代码的区域。左上角部分是“动作工具箱”，每个动作脚本语言元素在该工具箱中，都有一个对应的条目。左下角为“脚本导航器”，用户可以在这里浏览文件中的对象，以查找动作脚本代码。如果单击“脚本导航器”中的某一项目，与该项目关联的脚本将出现在“脚本窗口”，并且播放头将移到时间轴上的该位置。,4,Flash动画制作,相关理论,图9-2“动作”面板,5,Flash动画制作,相关理论,按【F9】键打开“动作”面板，“动作”面板有两种模式可供选择，普通模式和脚本模式。在普通模式下，可以直接在脚本窗口中撰写和编辑动作，如图9-3所示。在脚本助手模式下，通过填充参数文本框来撰写动作，如图9-4所示。,图9-3 普通模式,图9-4 脚本助手模式,6,Flash动画制作,相关理论,可通过“动作”面板左侧的下拉列表选择ActionScrip的版本，针对网络动画编程提供了ActionScrip 1.0&2.0和最新的ActionScrip 3.0，本书只针对ActionScrip 2.0进行讲解。代码可以书写在三个地方，代码书写在帧上面；代码书写在对象（按钮、影片剪辑）上面；代码书写在专门ActionScrip文件中。,(2)添加动作,“动作”面板依据添加对像的不同，分为“帧动作”面板和“对象动作”面板。如果选中了帧，“动作”面板就会变成“动作-帧”面板，如图9-5所示。,7,Flash动画制作,相关理论,图9-5“动作一帧”面板,图9-6“影片剪辑”动作窗口,8,Flash动画制作,相关理论,2.轻松掌握ActionScrip的语法,（1）点语法,在ActionScrip中，点（.）被用来指明与某个对象或影片剪辑相关的属性和方法，也被用于标识一个媒体对象和变量对象的路径。点语法表达式由对象或影片剪辑实例名开始，接着是一个点，最后是要指向的属性、方法或变量。,点语法结构：,影片剪辑名称.属性=属性值,9,Flash动画制作,相关理论,（2）大括号、注释,在Flash动作中，使用一对大括号“”把一组语法包括起来，成为一个语句组，可以把大括号中的代码看做一句表达，而“()”则用来放置参数。,3事件和动作,（1）事件和动作概念,交互式动画的每个行为一般都包含两个部分：事件和该事件所产生的动作。,（2）事件处理函数on(),可以直接对舞台上的按钮添加动作，可以在脚本助手模式下，在动作窗口顶部选择其他事件，如图9-7所示。,10,Flash动画制作,相关理论,图9-7 按钮动作窗口,4时间轴控制命令,（1）play,描述：动作；在时间轴中向前移动播放头。,（2）stop,描述：动作；停止当前正在播放的影片。此动作最通常的用法是用按钮控制影片剪辑。,11,Flash动画制作,相关理论,（3）gotoAndPlay(),描述：动作；将播放头转到场景中指定的帧并从该帧开始播放。如果未指定场景，则播放头将转到当前场景中的指定帧。,（4）gotoAndStop(),描述：动作；将播放头转到场景中指定的帧并停在该帧中。,（5）nextFrame(),描述：动作；将播放头转到下一帧。,（6）prevFrame(),描述：动作；将播放头转到上一帧。,12,Flash动画制作,相关理论,5浏览器和网络控制命令,getURL等同于HTML中的超链接，getURL通常用于按钮，在单击按钮时，就可以跳转到网页。在URL中键入要链接的地址，书写方法与网页链接的书写方法类似，其语法结构如下：,getURL(url,窗口),Flash动画制作,设计过程,1新建文件,2创建标题文本,3创建“按钮底图”图层,4创建按钮元件,5创建影片剪辑元件,6为按钮添加动作,7制作网址链接,14,Flash动画制作,案例2打开关闭文件夹,运行程序，出现一个关闭的文件夹和一个闪烁的鼠标指针，当用鼠标单击关闭的文件夹，文件夹会形象地打开；当再次单击打开的文件夹，它又会形象地关闭，最终完成的效果如图9-26、9-27所示。,图9-26 文件夹的两种状态,图9-27 完成效果图,15,Flash动画制作,相关理论,1使用startDrag、stopDrag,（1）startDrag,允许拖动指定的影片剪辑。该影片剪辑将一直保持可拖动，直到通过对MovieClip.stopDrag()的调用明确停止为止，或者直到另一个影片剪辑变为可拖动为止。在同一时间只有一个影片剪辑是可拖动的。,（2）stopDrag,执行startDrag()操作后，影片剪辑将保持可拖动状态，直到用stopDrag()显示停止拖动为止，或直到对其他影片剪辑调用了startDrag()动作为止，在同一时间只有一个影片剪辑是可拖动的。,16,Flash动画制作,相关理论,2if语句,（1）if语句,当ActionScript执行到if语句，会先判断条件关系表达式的值是否为true，如果结果为true，则执行大括号中的语句，执行完毕后再继续执行后面的语句；如果结果为false，则跳过if语句，直接执行大括号的后续语句。,（2）if else语句,如果满足if后面的条件，则执行大括号内的语句；如果不满足，则执行else中的语句。,17,Flash动画制作,相关理论,3事件处理函数onClipEvent(),可直接对舞台上的影片剪辑添加动作，可以在脚本助手模式下，在动作窗口顶部选择其他事件，如图9-28所示。,图9-28“影片剪辑”动作窗口,18,Flash动画制作,相关理论,4事件处理函数方法,事件处理函数方法是一种类方法，事件在该类的实例上发生时产生调用。例如，Button（按钮）类定义on Press事件处理函数，只要按下鼠标按键，就对Button对象调用该处理函数。,Flash动画制作,设计过程,1新建文件,2导入素材,3创建影片剪辑“文件夹”,4创建隐形按钮,5创建影片剪辑“鼠标指针”,6输入文本,7调整影片剪辑“文件夹”位置,8新建“鼠标指针”图层,9新建“隐形按钮”图层,10添加动作代码,11保存文件。,20,Flash动画制作,拓展案例电子相册,孩子犹如带着翅膀降落人间的天使，一本高贵、纯真的童年电子相册，记载了孩子成长历程，也是送给孩子最好的礼物。完成效果如图9-41所示。,图9-41 完成效果图,Flash动画制作,操作步骤,1.打开素材,2.制作按钮元件“翻页”,3.制作影片剪辑元件tu1tu6,4.设置背景层,5.设置图层2按钮层,6.设置图层3影片层,7.设置图层4代码层,Flash动画制作,本章小节,适当的使用脚本会让作品更富感染力，并具有良好的交互性。本章从最简单的代码开始，让我们对脚本语言有一个初步感性的认识。通过本章的学习，掌握帧脚本简单代码的应用及操作，学习一般的函数以及语法。对动作脚本有了一个初步认识，能够将简单的动作-帧脚本代码应用于动画制作。,Flash动画制作,思考与练习,一、选择题1Flash可接受的当鼠标指针放在按钮上时产生效果的鼠标操作是（）。APress BRelease CRelease Outside DRoll Over2Flash action“FSCommand”意义是（）。A停止所有声音的播放 B跳转至某个超链接地址URLC发送FSCommand命令 D装载影片3以下语句说法正确的有（）。AgetURL表示使浏览器浏览到指定页面BgotoAndPlay表示跳转到指定帧并播放CgotoAddStop表示跳转到指定帧并停止播放DloadMovie表示引入一个外部电影到指定层 4在ActionScript中，批注以什么表示（）。A-B/C#D$,Flash动画制作,5Flash action中trace的意义是（）。A交换两个动画片段符号的深度BAction命令作用的目标窗口 C在高画质和低画质间切换D跟踪调试 6Flash的停止所有声音的键是（）。AStop BSounds CStop All Sounds DAll Sound7Flash的action中Goto命令的Scene选项表示（）。A转到一帧 B转到一个场景 C转到第几页 D转到一个文档8以下哪个是flash的编程语言（）。AJavascript BJscript Cactionscript D两者都可以9以下语句正确的是（）。AgotoAndPlay（场景2）BgotoAndPlay（影片2）CgotoAndPlay(2)D以上都正确,Flash动画制作,二、操作题1新建一个flash文件，自行设计两个简单场景，要求在场景1中用到gotoAndPlay命令；场景2可以跳转到场景1的某一帧。2新建一个flash文件，利用prevFrame和nextFrame命令设计一个小程序。,