flash-5入门与提高(张宝所)-课件.ppt

《flash-5入门与提高(张宝所)-课件.ppt》由会员分享，可在线阅读，更多相关《flash-5入门与提高(张宝所)-课件.ppt（54页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、入门与提高入门与提高FLASH 5 5/26/202311.1 flash的发展历史的发展历史 1996年正式发表，年正式发表，2000年推出年推出flash5 Macromedia新家族网页三剑客：新家族网页三剑客：Dreamweaverfireworks、flash。第一章第一章flash 5 入门知识入门知识5/26/202321、如何激活、如何激活 Flash5 开始开始/程序程序/macromedia flash5 第一次启动时，用第一次启动时，用Window/close all Panels将将Info面板、面板、Mixer调色板面板、调色板面板、Character文字面板以及文字

2、面板以及Instance符号符号面板关闭。面板关闭。若要恢复：若要恢复：Window/Panel Set/Default layer1.2 Flash51.2 Flash5界面界面5/26/20233 2 2、菜单栏、菜单栏 菜单栏是依操作性质的不同来加以分类，共分为九个菜单栏是依操作性质的不同来加以分类，共分为九个菜单。菜单。File File菜单菜单 Edit Edit菜单（菜单（，设置，设置actionaction编辑模式为编辑模式为Normal modeNormal mode或或Expert ModeExpert Mode等指令。）等指令。）5/26/20234 Modify Modi

3、fy菜单（设置影片、场景、图层、帧、符号等属性菜单（设置影片、场景、图层、帧、符号等属性设置对象在编辑区上下位置，修改符号群组状态等指令）设置对象在编辑区上下位置，修改符号群组状态等指令）Text Text菜单（设置文字字体、大小、样式、文字字段属性菜单（设置文字字体、大小、样式、文字字段属性等指令）等指令）5/26/20236 Contorl Contorl菜单（测试单一场景影片、全部场景影片、菜单（测试单一场景影片、全部场景影片、按钮符号测试等指令调试影片）按钮符号测试等指令调试影片）WindowWindow菜单（是否显示工具箱、主工具栏、窗口状态、菜单（是否显示工具箱、主工具栏、窗口状态

4、、ActionAction编辑窗口、影片管理窗口、符号库、各种面板及编辑窗口、影片管理窗口、符号库、各种面板及影片切换等指令）影片切换等指令）HelpHelp菜单菜单5/26/202373 3、主工具栏、主工具栏共有共有1616个指令按钮。个指令按钮。4 4、工具箱、工具箱 工具箱依绘图功能的不同分成四个设置区：工具箱依绘图功能的不同分成四个设置区：ToolsTools设置区有设置区有1414个工具，个工具，ViewView设置区有设置区有2 2个工具，个工具，Colors Colors设置区有设置区有5 5个工具和个工具和Options Options 设置区。设置区。5/26/202381

5、.31.31.31.3 Flash5 Flash5的重要术语的重要术语1 1、结构类、结构类 电影（电影（moviemovie）：电影是）：电影是FlashFlash中的最高一级结构，当打开中的最高一级结构，当打开FlashFlash开始制作的时候，你就是在拍一部电影。开始制作的时候，你就是在拍一部电影。场景（场景（scenescene）：电影由场景组成。不同的场景有不同）：电影由场景组成。不同的场景有不同的背景，不同的动画。的背景，不同的动画。层（层（layerlayer）：层组成了场景，要制作出精彩的动画，）：层组成了场景，要制作出精彩的动画，画面的内容要十分丰富，所以需要很多层。一个层只

6、能画面的内容要十分丰富，所以需要很多层。一个层只能拥有一个时间轴（拥有一个时间轴（TimelineTimeline）5/26/202310 向导层（向导层（Guide LayerGuide Layer）：特殊的层。用户在此层上：特殊的层。用户在此层上可设定物体的运动轨迹。可设定物体的运动轨迹。帧（帧（FrameFrame）：帧组成了层。每一帧表示动画在这个）：帧组成了层。每一帧表示动画在这个时间位置上的状态。使用时间位置上的状态。使用F5 F5 可在时间轴上插入一帧。可在时间轴上插入一帧。5/26/2023112 2、元件类、元件类 元件（元件（SymbolSymbol）：在）：在FlashF

7、lash中，可以重复使用的中，可以重复使用的图形（图形（GraphicGraphic）、按钮（按钮（ButtonButton）、电影夹（电影夹（Movie clipMovie clip）都称为元件。有的书将都称为元件。有的书将symbolsymbol翻译为符号。翻译为符号。实例（实体）（实例（实体）（InstanceInstance）：实体是元件的副本，当你）：实体是元件的副本，当你把元件放在主电影工作区时，你就创建了一个该元件的把元件放在主电影工作区时，你就创建了一个该元件的实体。实体和元件的关系时：修改元件会影响到所有的实体。实体和元件的关系时：修改元件会影响到所有的实体，而修改实体则不会

8、影响到它所属的元件。实体，而修改实体则不会影响到它所属的元件。5/26/2023131.4 Flash51.4 Flash5的基本操作的基本操作1 1、动画的创建和属性设置、动画的创建和属性设置 创建动画：创建动画：File New File New 或利用工具栏或利用工具栏 属性设置：属性设置：Modify Movie Modify Movie 或或 Ctrl+M Ctrl+M2 2、动画的预览与测试、动画的预览与测试 预览：预览：Control Play Control Play或利用或利用控制控制工具栏工具栏 测试：测试：Control Test Movie Control Test M

9、ovie 或或 Test Scene Test Scene5/26/2023153 3、工具栏的使用、工具栏的使用 按住按住CtrlCtrl键的同时，把工具栏拖拽到窗口边的时候，键的同时，把工具栏拖拽到窗口边的时候，可以防止工具栏进行停靠。双击工具栏的标题栏，可以可以防止工具栏进行停靠。双击工具栏的标题栏，可以将其还原。将其还原。4 4、时间轴的使用、时间轴的使用5/26/2023168 8、FlashFlash动画的发布动画的发布 File Publish Settings File Publish Settings9 9、自定义快捷键、自定义快捷键 Edit Keyboard Shortc

10、uts Edit Keyboard Shortcuts1010、设置文件属性、设置文件属性 Edit Preference Edit Preference5/26/2023181111、使用面板工具栏或启动栏、使用面板工具栏或启动栏1212、改变视图模式、改变视图模式1313、改变显示速度、改变显示速度 视图菜单视图菜单 Outline Outline（线框模式）、（线框模式）、FastFast（加快显示）、（加快显示）、AntialiasAntialias（抗锯齿）、（抗锯齿）、Antialias TextAntialias Text（抗锯齿文本）（抗锯齿文本）5/26/202319一、设定

11、多个物体沿同一路径进行移动一、设定多个物体沿同一路径进行移动 设定多个物体沿同一路径的移动，是基于一个设定多个物体沿同一路径的移动，是基于一个物体沿设定的运动轨迹的动画。物体沿设定的运动轨迹的动画。5/26/202320二、二、MaskMask（蒙板层或遮罩层）的使用（蒙板层或遮罩层）的使用5/26/202321第二章2.1 2.1 绘图基础绘图基础2.1.1 2.1.1 矢量图和位图矢量图和位图2.1.2 2.1.2 绘图原理绘图原理5/26/202322第五章控制动画的交互5/26/202324 5 5、1 1 ActionAction指令编辑环境介绍、设置按钮动作指令编辑环境介绍、设置按

12、钮动作1 1、设置、设置ActionAction指令的对象：指令的对象：按钮（按钮（ButtonButton）、帧（）、帧（FrameFrame）、影片片段（）、影片片段（Movie ClipMovie Clip）2 2、设置指令的步骤：、设置指令的步骤：方法一：先选取按钮、帧、或是影片片段，方法一：先选取按钮、帧、或是影片片段，接着移动鼠标到快速启动栏，选取接着移动鼠标到快速启动栏，选取“动作动作”图标。图标。方法二：在对象上右击，选择方法二：在对象上右击，选择“动作动作”命令。命令。5/26/2023253 3、指令编辑窗口间介、指令编辑窗口间介 左窗格为指令区，右窗格为程序编辑区。左窗格

13、为指令区，右窗格为程序编辑区。4 4、指令编辑的操作方式（一般模式）：、指令编辑的操作方式（一般模式）：（1 1）先切换到）先切换到ActionAction指令面板。指令面板。（2 2）选取指令类别。）选取指令类别。（3 3）在要使用的指令上双击，该指令马上放入）在要使用的指令上双击，该指令马上放入 右窗格的程序编辑区内右窗格的程序编辑区内（4 4）此时在指令参数输入区键入该指令参数的值。）此时在指令参数输入区键入该指令参数的值。（5 5）接着检查指令是否正确，若正确的话按关闭钮结束编辑）接着检查指令是否正确，若正确的话按关闭钮结束编辑5/26/2023266 6、设置按钮动作、设置按钮动作鼠

14、标事件（鼠标事件（On Mouse EventOn Mouse Event）：）：(3)Release Outside(3)Release Outside：松开鼠标按钮，且鼠标位于按钮外部时，触发动作。：松开鼠标按钮，且鼠标位于按钮外部时，触发动作。(2)Release(2)Release：松开鼠标按钮，且鼠标位为按纽上方时，触发动作。：松开鼠标按钮，且鼠标位为按纽上方时，触发动作。(1)Press(1)Press：按下鼠标按钮时，触发动作。：按下鼠标按钮时，触发动作。(8)Key Press(8)Key Press：当在键盘上按下相应的键时，触发动作。：当在键盘上按下相应的键时，触发动作。(

15、7)Drag Out(7)Drag Out：用鼠标将按钮向外拖动时，触发动作。：用鼠标将按钮向外拖动时，触发动作。(6)Drag Over(6)Drag Over：用鼠标来回拖动按钮时，触发动作。：用鼠标来回拖动按钮时，触发动作。(5)Roll Out(5)Roll Out：鼠标由里向外滑过按钮时，触发动作。：鼠标由里向外滑过按钮时，触发动作。(4)Roll Over(4)Roll Over：鼠标由外向里滑过按钮时（未单击），触发动作。：鼠标由外向里滑过按钮时（未单击），触发动作。5/26/202328 5 5、2 2设置帧动作设置帧动作1 1、设置帧动作的指令和按钮动作指令基本相同，、设置帧

16、动作的指令和按钮动作指令基本相同，帧指令的帧指令的On Mouse EventOn Mouse Event不可用。不可用。2 2、设置帧动作必须在关键帧或空关键帧上进行。、设置帧动作必须在关键帧或空关键帧上进行。5/26/2023295.3 5.3 控制主动画控制主动画5.3.1 5.3.1 动画播放的控制（动画播放的控制（Play/StopPlay/Stop）1 1、PlayPlay指令指令语法：语法：play();play();功能：从目前影片或影片片段所在帧开始往下一帧播放影片功能：从目前影片或影片片段所在帧开始往下一帧播放影片说明：此指令前面可以加实例名称。例：说明：此指令前面可以加实

17、例名称。例：itnLeftBall.play();itnLeftBall.play();5/26/2023312 2、StopStop指令指令语法：语法：stop();stop();功能：将影片或影片片段停在目前帧功能：将影片或影片片段停在目前帧(Frame)(Frame)的位置。的位置。说明：此指令前面可以加实例名称。例：说明：此指令前面可以加实例名称。例：itnLeftBall.stop();itnLeftBall.stop();注意：注意：PlayPlay和和StopStop命令常用在按纽上，命令的目标命令常用在按纽上，命令的目标是电影剪辑实例时，必须要有实例名称。是电影剪辑实例时，必须

18、要有实例名称。5/26/2023325.3.2 Evaluate5.3.2 Evaluate添加程序行添加程序行语法：语法：statement;statement;功能：声明添加该行程序为自由编写形式功能：声明添加该行程序为自由编写形式说明：说明：1 1、此指令属于、此指令属于ActionsActions类别；类别；2 2、选择、选择evaluateevaluate指令，你可以编写程序语句（指令，你可以编写程序语句（statementstatement）,如同一般语言编辑器操作。在语句最后面如同一般语言编辑器操作。在语句最后面FlashFlash会自动加上会自动加上“;”“;”。3 3、只适合

19、编辑单行语句，至于、只适合编辑单行语句，至于if if、whilewhile等指令则不适用。等指令则不适用。5/26/2023335.3.3 动画显示质量的调节（Toggle High Quality）语法：toggleHighQuality();功能：对当前Flash播放器中进行播放的所有动画打开或关闭抗锯齿显示功能5/26/2023345.3.4 5.3.4 关闭所有声音关闭所有声音关闭所有声音关闭所有声音Stop All SoundsStop All Sounds语法语法:stopAllSounds();功能功能:关闭关闭Flash播放器中进行播放的所有动画中的音频。播放器中进行播放的所

20、有动画中的音频。5/26/2023355.3.5 5.3.5 场景或帧的跳转（场景或帧的跳转（场景或帧的跳转（场景或帧的跳转（Go ToGo To）语法：语法：gotoAndPlay(scene,frame);gotoAndStop(scene,frame);功能：跳到指定的场景与帧处，开始播放（停止播放）功能：跳到指定的场景与帧处，开始播放（停止播放）影片或影片片段。影片或影片片段。例：例：gotoAndPlay(Scene2,5)说明：由目前播放帧直接跳到说明：由目前播放帧直接跳到Scene2场景内的场景内的 第第5帧（帧（Frame5）继续播放。）继续播放。5/26/202336 5.3

21、.6 5.3.6 添加链接（添加链接（Get UrlGet Url）语法：语法：getURL(url,window,variables);功能：链接到其它的网络资源（功能：链接到其它的网络资源（URL）。）。说明：说明：1、url为网络资源的参数为网络资源的参数:(1)网站或网页网站或网页:例例:getURL()可链接到中国人站可链接到中国人站 getURL(“OK.htm”)可链接到与该文件存于同一路径的可链接到与该文件存于同一路径的OK.htm getURL(“/sells/index.htm”)表示此网页是放在表示此网页是放在/sells文件夹之中文件夹之中(2)链接到电子邮箱链接到电子

22、邮箱getURL(“mailto:”)链接到指定邮箱的地址。链接到指定邮箱的地址。5/26/2023372、Window参数用来指定网页的放置位置参数用来指定网页的放置位置 “_self”:将超级链接网页显示在目前的框架中；将超级链接网页显示在目前的框架中；“_blank”:指定新开的窗口为目的地；指定新开的窗口为目的地；“_parent”:指定当前帧的父级窗口为目的地；指定当前帧的父级窗口为目的地；“_top”:指定当前窗口中的最高一级的帧为目的地。指定当前窗口中的最高一级的帧为目的地。3、Variables：该下拉列表框可设置发送变量的方式：该下拉列表框可设置发送变量的方式 GET 方式将

23、变量添加到方式将变量添加到URL名称的后面，常用与发送短字符变量名称的后面，常用与发送短字符变量 POST方式将变量作为一个单独的标题来发送，常用于发送长字符变量方式将变量作为一个单独的标题来发送，常用于发送长字符变量5/26/2023385.3.7 5.3.7 发送信息到动画主程序中（发送信息到动画主程序中（发送信息到动画主程序中（发送信息到动画主程序中（FS CommandFS Command）语法：语法：fscommand(command,arguments);功能：用来控制功能：用来控制Flash播放器，也可以用来打开其它的应用程序。播放器，也可以用来打开其它的应用程序。说明：说明：1

24、、command是控制影片的命令，是控制影片的命令，arguments为为command的的参数值，此命令必须在参数值，此命令必须在Flash播放器（播放器（.swf文件及文件及.exe文件）执行才有文件）执行才有效，也就是说在效，也就是说在Flash5集成环境按集成环境按Ctrl+Enter键测试键测试Flash影片、发布网影片、发布网页文件皆无法发挥页文件皆无法发挥fscommad指令的功能。指令的功能。2、fscommand指令的指令的command（命令）与（命令）与arguments(参数参数)的说明的说明见教材见教材198页。页。5/26/2023395.3.8 5.3.8 动画的

25、载入动画的载入loadMovie(url,target/locationloadMovie(url,target/location)语法语法1：loadMovie(url,target/location);语法语法2：anyMovieClip.loadMovie(url);功功 能能:加载外部动画文件加载外部动画文件(.swf)。说说 明：明：1、url：是外部动画文件（：是外部动画文件（.swf）的）的URL地址。外部动画文件地址。外部动画文件URL和加载它的影片文件默认放在相同目录下。和加载它的影片文件默认放在相同目录下。（1）“./bear.swf”表示表示bear.swf影片文件在上一

26、层文件中影片文件在上一层文件中 （2）“./ch06/bear.swf”表示表示bear.swf影片文件在上上层影片文件在上上层文件夹下的文件夹下的ch06字文件夹中。字文件夹中。5/26/2023402、target、anyMovieClip：要置放外部动画文件的实例，所置放的：要置放外部动画文件的实例，所置放的外部动画文件的左上角会对齐实例的旋转中心点。外部动画文件的左上角会对齐实例的旋转中心点。3、location：置放外部动画文件的显示层次。层次越高，就会在：置放外部动画文件的显示层次。层次越高，就会在越上层显示。最下层的越上层显示。最下层的location为为0，为主场景所有。若外部

27、动画，为主场景所有。若外部动画的层次设为的层次设为0，则主场景的显示会被取代。，则主场景的显示会被取代。5/26/2023415.3.9 动画的卸载动画的卸载unloadMovie（location）语法：语法：unloadMovie(location);功能：删除用功能：删除用loadMovie(url,location)格式所加载的外部动画格式所加载的外部动画文件（文件（.swf）。）。5/26/2023425.3.10 检验帧的载入情况检验帧的载入情况(If Frame Is Loaded)语法语法1:ifFrameLoaded(scene,frame)statement;功能：判断所指

28、定的场景（功能：判断所指定的场景（scene）及帧（）及帧（frame）是否已加载完毕，）是否已加载完毕，若成立执行若成立执行statement语句区段。语句区段。语法语法2：IfFrameLoaded(frame)statement;功能功能:判断所指定的帧判断所指定的帧(frame是否已加载完毕，若成立执行是否已加载完毕，若成立执行statement 语句区段语句区段5/26/202343说明：说明：1、scene；此参数用来指定已加载的场景名称。；此参数用来指定已加载的场景名称。2、frame：此参数用来指定已加载的帧，可设置已加载的帧数或帧名称。：此参数用来指定已加载的帧，可设置已加载

29、的帧数或帧名称。3、和、和_framesloaded的区别：利用的区别：利用_framesloaded语句可以很方便地在语句可以很方便地在其后添加其后添加Else或或Else If语句；而通过语句；而通过If Frame Is Loaded命令可以用简单命令可以用简单的语句设置播放帧的序号。的语句设置播放帧的序号。5/26/2023445.4 5.4 控制其他动画和电影剪辑实例控制其他动画和电影剪辑实例控制其他动画和电影剪辑实例控制其他动画和电影剪辑实例5.4.1 复合时间轴复合时间轴5.4.2 设置目标电影剪辑实例或动画设置目标电影剪辑实例或动画 Tell Target语法语法:tellTa

30、rget(target)statement;功能：调用实例，进而设置或控制实例动态。功能：调用实例，进而设置或控制实例动态。说明：说明：1、target:为影片片段符号的实例名称，必要时须包含影片片段为影片片段符号的实例名称，必要时须包含影片片段实例所在的路径。实例所在的路径。5/26/202345 2、例、例1：tellTarget(“itnclock”)gotoAndPlay(6);说明：取得影片对象说明：取得影片对象intClock的控制权，使得的控制权，使得itnClock从从Frame6开始播放。开始播放。注：上面指令可用注：上面指令可用 itnClock.gotoAndPlay(6

31、);替代。替代。例例2：tellTarget(“_root.itnClock”)stop();说明：取得影片对象说明：取得影片对象itnClock的控制权，使得的控制权，使得itnClock停止播放。停止播放。注：上面指令可用注：上面指令可用_root.itnClock.stop();替代。替代。5/26/2023465.4.3 复制与删除电影剪辑实例复制与删除电影剪辑实例一、复制电影剪辑实例一、复制电影剪辑实例 duplicateMovieClip语法语法1：duplicateMovieClip(target,newname,depth);语法语法2：anyMovieClip.duplica

32、teMovieClip(newname,depth);功能：复制电影剪辑实例对象功能：复制电影剪辑实例对象说明：说明：1、target：被用来复制的来源影片实例。：被用来复制的来源影片实例。2、newname:所复制完成新影片实例对象的名称。所复制完成新影片实例对象的名称。3、depth：为堆叠参数。指定新完成的对象与其它对象重叠时的：为堆叠参数。指定新完成的对象与其它对象重叠时的显示层次，显示层次，depth值越大时，所显示的越上层。若有两个显示层次值越大时，所显示的越上层。若有两个显示层次相同的影片片段，则先复制的影片片段会被后建立的取代。相同的影片片段，则先复制的影片片段会被后建立的取代

33、。5/26/202347二、删除电影剪辑实例二、删除电影剪辑实例 removeMovieClip语法语法1：removeMovieClip(target);语法语法2：anyMovieClip.removeMovieClip();功能：删除用功能：删除用duplicateMovieClip所复制的影片片段实例对象。所复制的影片片段实例对象。5/26/2023485.4.4 拖动电影剪辑实例（拖动电影剪辑实例（Start/Stop Drag）一、一、startDrag方法：方法：语法语法1：startDrag(target,lock,left,top,right,bottom);语法语法2：an

34、yMovieClip.startDrag(lock,left,top,right,bottom);功能：设置影片实例可被鼠标拖拽，以及可拖拽的范围。功能：设置影片实例可被鼠标拖拽，以及可拖拽的范围。5/26/202349说明：说明：1、target、anyMovieClip:被拖拽的影片片段实例的路径与名称。被拖拽的影片片段实例的路径与名称。2、lock：可设为：可设为true或或false。若为。若为true，则表示对象被拖拽时，则表示对象被拖拽时，鼠标指针会自动指到影片片段实例的中心点；若为鼠标指针会自动指到影片片段实例的中心点；若为false，则表示，则表示对象被拖拽时，鼠标指针不会指到

35、影片片段实例的中心点。对象被拖拽时，鼠标指针不会指到影片片段实例的中心点。3、left、top、right、bottom：允许影片片段实例被拖拽的范围。其中：允许影片片段实例被拖拽的范围。其中Left、right为左边界、右边界的为左边界、右边界的X轴坐标；轴坐标；top、bottom为上边界、为上边界、下边界的下边界的Y轴坐标。轴坐标。5/26/202350二、二、stopDrag方法方法语法：语法：anyMovieClip.stopDrag功能：结束用功能：结束用stopDrag指令所下达的拖拽动作。指令所下达的拖拽动作。5/26/2023515.4.5 电影剪辑实例的属性控制电影剪辑实例

36、的属性控制 见教材见教材206页。页。5/26/202352第六章第六章 创建交互界面创建交互界面6.1 创建表单创建表单 1、表单的定义：表单是一种高级的交互元素，一般由按钮、电影表单的定义：表单是一种高级的交互元素，一般由按钮、电影剪辑实例和文本框组成，通过表单可将信息发送到本地计算机或远程剪辑实例和文本框组成，通过表单可将信息发送到本地计算机或远程服务器上。服务器上。2、表单的构成：主要由两部分构成：、表单的构成：主要由两部分构成：一个是构成表单的一个是构成表单的Flash元素；元素；另一个是在服务器终端或客户端用来处理用户输入信息的脚本程序。另一个是在服务器终端或客户端用来处理用户输入信息的脚本程序。5/26/2023533、创建表单的步骤：、创建表单的步骤：（1）创建按钮、复选框等）创建按钮、复选框等Flash表单元素，并存放在符号库中。表单元素，并存放在符号库中。（2）将可编辑文本框和符号实例的组合体放在动画中进行布局。）将可编辑文本框和符号实例的组合体放在动画中进行布局。（3）在）在TextOptions面板中，为每个文本框都建立一个变量名。面板中，为每个文本框都建立一个变量名。（4）为按钮设定动作，向）为按钮设定动作，向Flash播放器或通过播放器或通过HTTP向网络应用程序向网络应用程序发送信息。发送信息。5/26/202354