Flash第4课课件AS

第4课Actions语句应用P143-144具体要求掌握停止、播放及跳转语句的使用方法掌握影片属性的设置方法掌握常用Actions语句的使用方法本章导读在制作Flash动画的过程中，如果使用Actions语句，可以制作出一些复杂的特效，比如下雪、下雨等效果。本章将讲解如何利用Actions语句使Flash动画更加生动、形象。常用的Actions语句有如下类型：Stop语句：让动画停止在指定的帧。gotoAndPlay语句：使动画跳转到指定帧并进行播放。_xscale和_yscale命令：指定某元件的缩放属性。_xmouse和_ymouse命令：设置属性在舞台中的位置。4.1影片播放控制在Flash中，利用一些简单而常用的Actions语句可以对动画的播放进行控制，为元件或指定的对象添加特定动作。4.1.1知识讲解在制作Flash动画时，一些比较简单的Actions语句的使用频率是相当高的，如Stop，Play和gotoAndPlay等，利用这些语句又可以编辑一些结构复杂且功能强大的Actions脚本。下面将分别讲解这些语句的有关知识。4.1.1知识讲解1．停止播放语句stop2．播放影片语句play3．跳转并停止语句gotoAndStop4．跳转并播放语句gotoAndPlay1．停止播放语句stop前面制作的所有动画都没有添加动作脚本，所以每个动画在播放完最后一帧时都将回到第1帧重复播放。为了避免这种无休止的循环，可以使用停止语句stop。stop语句没有参数，其使用方法如下：stop();当在时间轴中的某一关键帧上添加该语句后，动画播放到该帧的位置即自动停止。下面举例讲解stop语句的使用方法。要使Flash动画在第15帧处停止播放，其具体操作如下：1．停止播放语句stop1）新建一个“Stop.fla”文档，在第5，4，15和20帧处插入关键帧。分别在5个关键帧中输入“1”、“5”、“4”、“15”和“20”5个数字。2）选中时间轴的第15帧，按【F9】键打开【动作】面板，在该面板的脚本编辑窗口中输入脚本“stop();”。3）添加完成后，按【Ctrl+Enter】键测试动画（\第4课\源文件\Stop.fla）。2．播放影片语句play播放影片语句play的作用与stop刚好相反，stop语句使播放的动画停止下来，而play语句则可以使停止的动画继续播放。下面使用上面所举的例子，让动画在第15帧处不停止且继续播放，其具体操作如下：1）新建一个“图层2”，并拖动到“图层1”的下层。2）在“图层2”中选择第15帧并插入关键帧，再按【F9】键打开【动作】面板，在该面板的脚本编辑窗口中输入脚本“play();”。3）添加完成后，按【Ctrl+Enter】键测试动画（\第4课\源文件\Play.fla）。2．播放影片语句play除了可以为帧添加play语句外，还可以为按钮元件和影片剪辑元件添加play语句。如果是给某一按钮添加play动作，则该动作会被自动包含在处理函数on(mouseevent)中，在编辑框中显示出如下语句：on(release){play();}2．播放影片语句play如果是给某个影片剪辑添加play动作，则该动作会被自动包含在处理函数onClipEvent内，在编辑框中显示如下语句：onClipEvent(load){play();}3．跳转并停止语句gotoAndStop使用跳转并停止语句gotoAndStop可以跳转到指定的帧停止播放，该语句既可以添加在按钮元件上，也可以添加在帧上。下面讲解跳转并停止语句gotoAndStop的使用方法，其具体操作如下：1）新建一个Flash文档，在第2帧处按【F6】键插入关键帧，导入图片“风景1.jpg”，并将其缩放至舞台大小（\第4课\素材\）。2）用同样的方法依次在第3，4和5帧处导入图片“风景2/3/4.jpg”。3．跳转并停止语句gotoAndStop3）按【Ctrl+F8】键创建一个名为“图1”的按钮元件，选中【弹起】帧，打开【库】面板，选中位图“风景1.jpg”，按住鼠标左键将其拖动到元件编辑区的中心，然后将其按比例缩小。4）在【指针经过】、【按下】和【点击】帧处按【F6】键，将【弹起】帧中的图片沿用过来。选中【指针经过】帧中的图片，将其按比例放大一点。5）用相同的方法分别制作按钮元件“图2”、“图3”和“图4”，每个按钮元件中的图形都是对应的位图“风景2.jpg”、“风景3.jpg”和“风景4.jpg”。3．跳转并停止语句gotoAndStop6）单击图标回到场景中，新建一个图层，系统自动命名为“图层2”，将其拖动到“图层1”的下层。选中“图层2”中的第1帧，打开【库】面板，将其中的按钮元件“图1”、“图2”、“图3”和“图4”依次拖放到舞台中。7）选中按钮元件“图1”，打开【动作】面板，在【全局函数】下的【影片剪辑控制】中双击选项，右边的窗口中将弹出【添加“on”语句】列表框，在其中双击选项，使它出现在“on”后面的括号中。表示事件发生在单击鼠标后。3．跳转并停止语句gotoAndStop8）在“{”后单击鼠标，再按【Enter】键，然后在【全局函数】下的【影片剪辑控制】中双击选项，右边的窗口中将出现相应的命令。9）在gotoAndStop()的括号中输入“2”，表示当单击鼠标后动画跳转到第2帧并停止播放动画。完成后的Actions语句如下所示：3．跳转并停止语句gotoAndStopon(release){gotoAndStop(2);//单击鼠标后动画跳转到第2帧并停止}（4）选中按钮元件“图2”，打开【动作】面板，在窗口中输入如下Actions语句。on(release){gotoAndStop(3);//单击鼠标后动画跳转到第3帧并停止}3．跳转并停止语句gotoAndStop（4）选中按钮元件“图3”，打开【动作】面板，在窗口中输入如下Actions语句。on(release){gotoAndStop(4);//单击鼠标后动画跳转到第4帧并停止}（12）选中按钮元件“图4”，打开【动作】面板，在窗口中输入如下Actions语句。on(release){gotoAndStop(5);//单击鼠标后动画跳转到第5帧并停止}3．跳转并停止语句gotoAndStop13）按【Ctrl+Enter】键播放动画，发现画面不停闪烁，根本无法单击它们。这时只需在时间轴中选中“图层2”的第1帧，并为其添加stop语句。14）再次按【Ctrl+Enter】键播放动画，出现测试画面，在其中单击任意一张图片，即可使这张图片放大到整个屏幕。15）选中“图层1”第2帧中的图片，按【F8】键，将其转换为按钮元件，用相同的方法将第3，4和5帧中的图片转换为按钮元件。3．跳转并停止语句gotoAndStop16）按【Ctrl+Enter】键播放动画，单击其中任意一张图片，可以使该图片放大显示，再单击放大显示的图片即可回到测试画面（\第4课\源文件\gotoAndPlay.fla）。4．跳转并播放语句gotoAndPlay为帧或元件添加gotoAndPlay命令的方法与添加gotoAndStop的方法相同。另外，为帧添加goto命令的方法与按钮元件相似，不同之处是按钮的Actions语句多了一行用于判定动作的语句，而在帧中则直接输入gotoAndPlay()或gotoAndStop()等。下面将讲解跳转并播放语句gotoAndPlay的使用方法，其具体操作如下：4．跳转并播放语句gotoAndPlay1）在Flash中打开“运动的小球.fla”文档（\第4课\源文件\运动的小球.fla）。2）选中第15帧关键帧，按【F9】键打开【动作】面板，在脚本编辑区中输入“gotoAndPlay(1);”。3）按【Ctrl+Enter】键测试动画，该动画只在第1~15帧之间播放（\第4课\源文件\gotoAndPlay.fla）。4.1.2典型案例——幻灯片本案例将制作一个幻灯片，主要练习on和gotoAndStop语句的用法。素材位置：【\第4课\素材】效果图位置：【\第4课\源文件\幻灯片.fla】制作思路：案例目标1）将素材导入到库中，再利用素材制作5个不同的按钮，包括“首页”、“上一页”、“下一页”和“末页”。2）将5张不同的图片分别放在同一图层的不同帧中。3）再新建一个图层，将5个按钮分别放置到相应的图片下，并给按钮添加Actions语句。4）最后新建一个图层，让动画停止在第1帧。“幻灯片”最终效果操作步骤案例小结本案例制作了一个幻灯片，在制作过程中主要运用了按钮的制作方法、图片的缩放、为帧添加标签和使用Actions语句等知识。在制作幻灯片的过程中，需要掌握好为每个按钮添加的Actions语句是否能够达到预期的效果。4.2影片剪辑属性的设置影片剪辑具有各种属性，通过调整影片剪辑的各种属性可以改变影片剪辑的位置和显示状态。4.2影片剪辑属性的设置4.2.1知识讲解4.2.2典型案例——变幻的遮罩效果4.2.1知识讲解最常用的影片剪辑属性有以下几种：_x和_y属性：它们代表影片剪辑在场景中的水平坐标和垂直坐标。_xmouse和_ymouse属性：通过设置该属性可获取鼠标光标在屏幕中的坐标位置。xscale和_width属性：它们决定影片剪辑在水平方向上的显示宽度。yscale和_height属性：它们决定影片剪辑在垂直方向上的显示高度。4.2.1知识讲解_rotation属性：设置该属性可以旋转影片剪辑。_alpha属性：它代表影片剪辑的透明度。_visible属性：该属性决定影片剪辑是否可见。4.2.1知识讲解1．位置属性_x和_y2．大小属性_width和_height3．鼠标位置属性_xmouse和_ymouse4．缩放属性_xscale和_yscale5．旋转属性_rotation6．透明度属性_alpha7．可见属性_visible8．设置属性值setProperty9．获取属性值getProperty1．位置属性_x和_yFlash舞台中的每个对象都有它的坐标值，场景中的每一点都可以用坐标表示。一般用x表示水平坐标，用y表示垂直坐标。在Flash中，用_x和_y分别表示对象的x坐标值属性和y坐标值属性。如果要在主时间轴中表示影片剪辑“ABC”的位置属性，可以使用下面的方法：ABC._xABC._y1．位置属性_x和_y如果要在影片剪辑本身的脚本中表示它自己的坐标，可使用下面的方法：_x;_y;或者：this._x;this._y;1．位置属性_x和_y在【属性】面板和【信息】面板中都可以查看和更改对象的位置。选择【窗口】→【设计面板】→【信息】命令（或按【Ctrl+I】键）可以打开【信息】面板。影片剪辑的坐标的【信息】面板中显示了当前所选对象的坐标位置、大小、颜色以及鼠标位置等。其中，X和Y数值代表了所选对象的水平坐标和垂直坐标。面板中的图标表示坐标位置以所选对象的左上角为基准还是以中心为基准。1．位置属性_x和_y在Actions语句中，更改_x和_y属性也可以改变影片剪辑的位置。如可以为影片剪辑编写如下的事件处理函数：onClipEvent(enterFrame){_x+=9;_y+=5;}该事件处理函数表示：影片剪辑的位置在每次的enterFrame事件中向右移动9个像素，同时向下移动5个像素。2．大小属性_width和_height_width和_height也是影片剪辑的两个重要属性，它与影片剪辑的宽度和高度有关。_width和_height代表影片剪辑的绝对宽度和高度，而不是相对比例。如使用_width和_height将影片剪辑的尺寸放大一倍，表达方式如下：onClipEvent(enterFram