flash-第14课脚本语言在动画中的应用.ppt





《flash-第14课脚本语言在动画中的应用.ppt》由会员分享,可在线阅读,更多相关《flash-第14课脚本语言在动画中的应用.ppt(60页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束第十四课脚本语言在动画中的应用课堂讲解上机实战课后练习向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束课堂讲解动画进程控制 影片剪辑属性的设置 控制影片剪辑 复制/移除影片剪辑 向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束动画进程控制 通过语句来控制动画进程 通过按钮来控制动画进程 向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 许多Flash动画都具有很强的交互性,需要人为地控制动画的进程
2、,如在拼图游戏中需要通过拖动鼠标来拼出一个完整的图形,在一些调查表中还需要用户选择或输入某个答案才能进行下一步操作。这些交互行为实际都是通过Actions语句来实现的。在Flash MX 2004中控制动画进程的方法有以下几种:直接为帧添加Actions语句来控制动画进程。为按钮添加Actions语句来控制动画进程。为影片剪辑添加Actions语句来控制动画进程。响应键盘上的按键动作来控制动画进程。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束通过语句来控制动画进程 在Flash MX 2004的“动作”面板中,“时间轴控制”、“浏览器/网络”和“影片剪
3、辑控制”类中提供的命令就可以完成对动画的基本控制。最常用的语句有以下一些:stop:使动画停止在当前时间轴的当前帧中。play:使动画从当前帧开始播放。gotoAndPlay:跳转到用帧标签或帧编号指定的某一特定帧并播放。gotoAndStop:跳转到用帧标签或帧编号指定的某一特定帧并停止播放。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束nextFrame:使动画跳转到下一帧并停止播放。prevFrame:使动画回到上一帧并停止播放。on:主要用于控制按钮的动作。duplicateMovieClip:复制影片剪辑。getProperty:获取影片剪辑属
4、性。setProperty:设置影片剪辑属性。removeMovieClip:移除影片剪辑属性。startDrag:在影片剪辑上开始拖放动作。stopDrag:停止当前正在进行的拖放动作。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束通过按钮来控制动画进程 前面讲过,用户不但可以为帧添加Actions语句,还可以为按钮元件添加Actions语句。要通过按钮来控制动画进程,必须首先创建一个按钮元件,并为其添加Actions语句。关于按钮元件的创建,已在前面讲解过,下面讲解如何为按钮元件添加Actions语句。为按钮添加Actions语句的方法如下。选中要添
5、加Actions语句的按钮,然后打开“动作”面板。在其中输入按钮的Actions语句。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 为按钮添加Actions语句必须以关键字on开头。首先双击“影片剪辑控制”类下的 ,在右边窗口中将自动弹出如图14-1所示的下拉列表,其中的各选项都是不同的按钮事件,各个按钮事件的含义如下所示:图14-1向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束press:表示当按下鼠标还未松开时发生指定的事件。release:表示在按钮上单击一次鼠标后会发生指定的事件。它是按钮最常用的事件。r
6、eleaseOutside:表示在按钮上按下鼠标,在按钮外松开鼠标时会发生指定的事件。rollOver:表示当鼠标光标移到按钮所在热区时会发生指定的事件。rollOut:表示当鼠标从按钮热区移出时会发生指定的事件。dragOver:表示在鼠标光标位于按钮上方并已按下的情况下,滑出按钮再滑回按钮时会发生指定的事件。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束dragOut:表示当鼠标光标位于按钮内部,按下按钮然后移出按钮热区时会发生指定的事件。keyPress:它是指在键盘上按下某些键时,按钮将会响应的事件。其中包括很多选项,如keyPress“”表示在
7、键盘上按下向左的方向键时,按钮将发生指定的事件。Flash 检测键盘上的字母键时,字母都为小写。如果要检测键盘中的特殊键,Flash中有一些专门的代码来表示它们,如下:向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 例如,要检测键盘上的方向键“”,可以使用如下Actions语句:on(keyPress)trace(This is Up);按钮的Actions语句的基本语法格式如下:on(mouseEvent)/要执行的动作 向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 其中的mouseEvent被称为“事件”的触
8、发器。当发生该事件时,就执行后面大括号中的动作。前面所讲的press、release、dragOver、dragOut、releaseOutside等都可以作为mouseEvent的参数值。例如,下面的语句:on(release)gotoAndStop(3);表示单击一次鼠标后,动画跳转到第3帧并停止播放。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束影片剪辑属性的设置 位置属性_x和_y 大小属性_width和_height 缩放属性_xscale和_yscale 旋转属性_rotation 透明度属性_alpha 鼠标位置_xmouse和_ymous
9、e 可见属性_visible 设置属性值setProperty 获取属性值getProperty 向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 影片剪辑属性就是影片剪辑的基本特性,如它的位置、大小、透明度等,通过改变影片剪辑的属性值,可以启动与该属性值相关的动作命令。下面介绍设置影片剪辑属性的方法。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束位置属性_x和_y 创建舞台中的每个对象都有它的坐标值。坐标原点在舞台的左上角,其坐标位置为(0,0)。水平向右为正,向左为负,垂直向下为正,向上为负。Flash默认的舞台
10、大小为550400像素,因此舞台右下角的坐标为(550,400),它表示距坐标原点的水平距离为550,垂直距离为400。在Flash中,分别用_x和_y表示对象的x坐标值属性和y坐标值属性。例如,如果要在时间轴中表示影片剪辑“photo1”的位置属性,可以使用下面的方法:photo1._xphoto1._y向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束如果要在影片剪辑本身的脚本中表示它自己的坐标,可使用下面的方法:_x;_y;或:this._x;this._y;在Actions语句中更改_x和_y属性可以改变影片剪辑的位置。如为影片剪辑编写如下语句:on
11、ClipEvent(enterFrame)_x-=5;向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 _y+=6;该语句表示影片剪辑在每次的enterFrame事件中向左移动5个像素,同时向下移动6个像素的位置。图14-2 在“属性”面板和“信息”面板中都可以查看和更改对象的位置。选择窗口设计面板信息菜单命令或按【Ctrl+I】键都可以打开“信息”面板,如图14-2所示。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束大小属性_width和_height _width和_height是影片剪辑的两个重要属性,它们分别
12、代表影片剪辑的绝对宽度和高度。使用_width和_height语句可以调整影片剪辑的尺寸和大小,其表达方式如下:onClipEvent(enterFrame)_width=Math.abs(_root._xmouse-_x)/4;_height=Math.abs(_root._ymouse-_y)/4;向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束缩放属性_xscale和_yscale _xscale和_yscale是影片剪辑的缩放属性,它们代表影片剪辑实例相对于“库”面板中的原影片剪辑元件的横向尺寸width和纵向尺寸height的百分比,与影片剪辑实
13、例的实际尺寸无关。例如,影片剪辑元件的横向宽度为20,将其拖动到舞台上作为实例时宽度被改为了80。如果在Actions语句中将其属性_xscale设置为10,那么在播放动画时影片剪辑实例的横向宽度将是20的10%,即2,而不是80的10%。由于_xscale和_yscale代表舞台中的实例大小与原影片剪辑元件大小的百分比,因此当_xscale和_yscale的取值大于100时,表示将放大原影片剪辑;当它们的取值小于100大于0时,表示缩小原影片剪辑;当取值为负时,将在缩放的基础上水平或垂直翻转影片剪辑。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 _x
14、scale下面一段语句列出了它们的含义,大家仔细阅读,并理解_xscale和_yscale的作用。onClipEvent(load)ab=_width;/用变量ab获取原影片剪辑的宽度 cd=_height;/用变量cd获取原影片剪辑的高度onClipEvent(enterFrame)_xscale=100*(_root._xmouse-_x)/(ab/2);/计算鼠标位置与原影片剪辑宽度的百分比,作为_xscale的值 _yscale=100*(_root._ymouse-_y)/(cd/2);/计算鼠标位置与原影片剪辑高度的百分比,作为_yscale的值向下向下向上向上末页末页首页首页Fl
15、ash动画制作调音调音返回返回河南工程学院结束结束旋转属性_rotation _rotation表示影片剪辑的旋转属性,它是一个角度值,取值范围为-180180。如果将它的值设置在这个范围之外,系统会自动将其转换为这个范围之间的值。例如,语句:fish._rotation=120;表示将影片剪辑fish旋转120。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束透明度属性_alpha _alpha是影片剪辑的透明度属性,其取值范围在0100之间,0代表完全透明,100表示不透明。在前面章节中,已经讲过设置影片剪辑的_alpha值方法:选中要设置透明度的影片
16、剪辑元件,在“属性”面板的 下拉列表框中选择“alpha”选项,在其后的数值框中即可设置alpha值。也可以通过Actions语句来设置影片剪辑的透明度,例如,要将影片剪辑rose的透明度设为50%,可以使用以下语句:rose._alpha=50;向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束如图14-3所示就是将影片剪辑的alpha值依次设为100%、55%、15%后的效果。图14-3 向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束鼠标位置_xmouse和_ymouse 前面已经介绍了如何获取影片剪辑的坐标位置,
17、下面介绍如何获取动画中的鼠标位置,即鼠标光标在舞台中的坐标位置。在Flash中主要通过_xmouse和_ymouse来获取鼠标位置。其中,_xmouse表示鼠标光标的水平坐标位置,_ymouse表示鼠标光标的垂直坐标位置。_xmouse和_ymouse取值在主时间轴中代表鼠标光标与舞台左上角之间的距离,在影片剪辑中代表光标与影片剪辑中心之间的距离。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 如果要明确表示鼠标光标在舞台中的位置,可以使用_root._xmouse和_root._ymouse语句。例如,语句:onClipEvent(enterFrame
18、)_x=_root._xmouse;_y=_root._ymouse;表示让影片剪辑与鼠标位置保持相同的坐标值。制作鼠标跟随动画时也需要用到以上语句。另外,Flash无法获取超出舞台大小的鼠标位置。如将场景大小设置为400400,正常播放时能获得的鼠标位置即在(0,0)(400,400)之间。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束可见属性_visible 可见属性_visible主要用于设置影片剪辑的可见性,它只有两个值“true”和“false”。默认值“true”表示可见,“false”表示不可见,这时影片剪辑将从舞台上消失,在它上面设置的动
19、作也变得无效。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束设置属性值setProperty 设置影片剪辑的属性可以通过setProperty来实现。其语法格式如下:setProperty(target,property,value/expression);其中:target表示到要设置其属性的影片剪辑实例名称的路径;property表示要设置的属性;value表示属性的新文本值;expression表示计算结果为属性新值的公式。向下向下向上向上末页末页首页首页Flash动画制作调音调音返回返回河南工程学院结束结束 例如,如下语句:on(release)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flash 14 脚本语言 动画 中的 应用

限制150内