基于纯flash的动画网站的设计与实现毕业论文

《基于纯flash的动画网站的设计与实现毕业论文》由会员分享，可在线阅读，更多相关《基于纯flash的动画网站的设计与实现毕业论文（21页珍藏版）》请在装配图网上搜索。

1、基于纯基于纯 flashflash 的动画网站的设计与实现的动画网站的设计与实现_ _毕业论文毕业论文目录目录内容摘要.1ABSTRACT.1KEY WORDS.11绪论.21.1 研究背景 .21.2 flash 网站的现状.22flash 网站的开发环境和相关技术 .32.1 flash 网站开发的环境 .32.2 flash 网站开发的相关技术.32.3 ActionScript 相关知识.43网站设计的前期规划.53.1 网站的名称 .53.2 网站素材收集 .63.3 网站的色调及风格 .63.4 网站的布局及栏目 .63.5 网站的框架 .74flash 网站的页面设计 .74.1

2、 开场动画的设计 .74.2 彩妆栏目的设计 .84.3 男士页面的设计 .125网站的合成.145.1 路径的使用 .145.2 loadMove 的介绍 .166小结.17参考文献.19致 谢.202内容摘要内容摘要：随着信息技术的不断发展，信息的获取也是多种多样，然而当今时代信息传播最快的莫过于通过网络平台。网站也就成为了每个个体和企业宣传自己的一个平台。网站的形式也是多种多样，本研究课体主要是介绍运用现在流行的flash 技术来做商业型的网站。现在大多数的网站都是静态的 html 网站，很是平凡，也很难吸引人的眼球，这时就有人发明了 flash，起初 flash 只是做一些小型的动画，

3、为 html 网站做一个banner、logo 或是一个开场动画，正是因为网站中添加了这些使人们眼前一亮的小动画，网站的浏览量也随之提高了。然而这还不能满足我们的眼球，于是纯 flash网站就此诞生了。对于商业网站主要是为了商品的展示，以做到宣传作用。Flash网站可以为客户提供一个交互的平台。本网站主要是对法国化妆品兰蔻网站的设计和实现做了具体的分析。关键词关键词：FLASH网页制作商品展示AbstractAbstract：As information technology continues to evolve, access to information is also varied,

4、but the present era of information dissemination than the fastest network platform. Web site has become the business of each individual and promote their own platform. Site on many forms, the main body of this study is to introduce the use class is popular flash-based web site technology to do busin

5、ess.Now most sites are static html site, it is trivial, it is difficult to attract the eye, then someone invented the flash, at first just do some small flash animation, html website to make a banner, logo or is an opening animation, it is because the site added these people shines a small animation

6、, the site also will increase page views. However, this does not meet our eyes, so pure flash website on some born. For commercial sites primarily for the display of goods in order to achieve publicity.Flash website can provide customers with an interactive platform. This site mainly for the French

7、cosmetics - Lancome website design and implementation is also in the specific analysis.2KeyKey wordswords：FLASHPage CreatorCommodityexhibition1 1绪论绪论1.11.1 研究背景研究背景随着计算机网络技术的迅猛发展和信息基础设施的不断完善，网络已渗透到社会生活的方方面面，它不仅改变了人们的工作、生活、学习和交流方式，而且已经对整个社会的政治、经济 、科学、技术、文化和教育等领域产生了深刻影响。计算机网络为人们跨越时间、空间的信息传输、加工处理和共享提供了

8、可能。计算机网络的产生和发展是人类社会科学技术进步和发展的一个重要标志，其产生的主要动力之一是社会应用需要。 随着计算机技术的发展和应用领域的不断扩大，独立的计算机信息处理已经无法满足人们对远距离信息处理和信息共享的需求。这种需求的驱动和计算机技术、通信技术以及微电子技术的发展、渗透和融合，成为计算机网络产生的主要动力。在 60 年代中期，计算机与计算机通信的实现为计算机网络的形成和产生打下了良好的基础，ARPANET 网络就是这一时期的典型代表。如今计算机网络正朝着集成化、高速化、智能化和多媒体化等多个方向发展1.21.2 flashflash 网站的现状网站的现状 随着互联网技术的迅猛发展

9、，网站数量与日俱增。有的昙花一现，有的经久不衰。究其原因，与浏览者的欣赏水平和网页的设计水平高低密切相关。现在的浏览者对网站的网页设计水平要求已越来越高，已经不仅仅满足于被动浏览，更有跃跃欲试的冲动。因此，动态交互网页=已经成为网页设计的必然趋势。Macromedia 公司的 flash 软件的正式发布，就是宣告了动态的网站将走入人们的生活。这个新产品更加易用，效率更高，支持动态视频功能，赋予了富媒体 Web 内容和应用以更多创意，更是使动态交互网页设计如虎添翼，纯 Flash 动画的的网页也频频出现。精彩的动画与丰富的内容巧妙结合，把浏览者的目光牢牢抓住，访问量也随之迅速上升。精彩的网页动画

10、不仅吸引了广大浏览者，更是吸引了众多的网页设计者。正因为它的视觉冲击力和互动性，做为商品的展示能使得商品更具有真实感，从而吸引了很多的商家1。32 2flashflash 网站的开发环境和相关技术网站的开发环境和相关技术2.12.1 flashflash 网站开发的环境网站开发的环境Macromedia Flash 为创建和发布丰富的网页内容，提供了所需的所有功能；另外，利用它还能生成强大的应用程序。不管是在动画设计方面还是在制作出功能强大的应用程序，Flash 都可以提供创作优秀作品的丰富工具，并且为不同的用户着想，提供很多个选项。Flash 是一种创作工具，设计人员和开发人员可使用它来创建

11、演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表

12、示2。Flash 包含了许多功能，如拖放用户界面组件、给文档添加动作脚本从而添加行为，甚至可以添加到对象的特殊效果这些功能令 Flash 成为功能强大且易于使用的一种工具软件。在 Flash 中编辑创作时，是在 Flash 的源文档中工作，即保存时文件扩展名为.fla 的文件；在发布时，会同时创建一个扩展名为.swf 的文件，这个文件将在Flash Player 运行。在默认情况下，运行.swf 应用程序的 Macromedia Flash Player 会随 Flash 一起安装。Flash Player 确保可以在各种平台、浏览器上以统一的方式来查看和使用所有的 SWF 内容。2.22.2

13、 flashflash 网站开发的相关技术网站开发的相关技术在 Flash 基本动画制作中，主要有帧动画和遮罩动画的制作。帧动画是一种比较原始的制作动画的方法。它采用的原理实际上就是传统的动画片制作原理，先把动画中的分解动作一帧一帧地制作出来，然后再把它们连续播4放，利用人们视觉停留效果，就会形成连续播放的动画了。在 Flash 中制作帧动画有两种方式，一种就是在 Flash 中逐帧逐帧地制作分解动作，另一种方法是导入在其他绘图软件中制作出来的分解动作的连续文件。打个比方，一个图层就像一张透明的纸张，透过上面的图层可以清晰地看到下面的图层。但是遮罩图层则不同，它就像不透明的纸张一样，将下面的被

14、遮罩层遮住，被遮罩层若要能够显示，必须在上面的遮罩图层上挖一个洞，通过这个洞才能看清楚下面的图形。遮罩图层只对它下面的被遮罩图层起作用。利用遮罩层可以实现水中倒影和波浪文字等效果。当遮罩层作用于某个普通层时，普通层上内容就会透过遮罩层上有内容的部分显示出来。将多个层结合到一个遮罩层，可以创建出很复杂的效果。除此之外，用户还可以为遮罩层制作移动的行为，以实现看到的普通层上的物体动起来的效果。遮罩层可以将和它结合在一起的普通层上面的内容隐藏起来，只有遮罩层上有内容的地方才会显示普通层上的内容。应用 Flash 动作脚本语言编写动作脚本，可以创建具有高度交互性的动画。要创作复杂的交互动画，需要掌握本

15、章介绍的高级技术，包括控制动画播放、建立自定义光标、获取鼠标位置、捕获按键、建立滚动文本框、设置颜色值、建立声音控制、检测碰撞和创建画线工具等。本章后面还通过一个实例，介绍这些技术的综合应用。交互动画可以与用户互动。用户可以使用键盘、鼠标或二者操作，中转到动画的不同部分，移动对象、输入信息、单击按钮、以及执行其它交互操作。通过编写在指定事件发生时执行的一些动作脚本，可以创建交互动画。当播放头到达某帧时，当影片剪辑载入或卸载时，或者当用户单击一个按钮或按下键盘上的按键时，触发动作脚本的事件将发生，动作脚本将告诉 Flash 当特定的事件发生时要执行什么动作。要创作出具有高度交互性的动画，需要用到

16、一些高级技术。2.32.3 ActionScriptActionScript 相关知识相关知识 ActionScript 是 Flash 的脚本语言。正是由于 Flash 中增加、完善了ActionScript，才使创作出来的动画具有很强的交互性。在简单动画中，Flash 按顺序播放动画中的场景和帧。而在交互动画中，用户可以使用键盘或无懈可击与动5画交互，大大增加了用户的参与感，同时也大大增加了 Flash 动画的魅力。例如，用户可以单击动画中的按钮，然后使动画跳转到不同部分继续播放；可以移动动画中的对象，如移动手中的枪，使射出的子弹准确击中目标；可以在表单中输入信息，反馈对公司的意见等等。总

17、之，使用 ActionScript 可以控制 Flash 动画中的对象，创建导航元素和交互元素，扩展 Flash 交互动画和网络应用的能力3。有了 ActionScript，就可以通过设置动作来创建交互动画。动作就是指用ActionScript（动作脚本）编写的、当特定事件发生时执行的一组指令。触发动作的事件可以是播放头到达某帧，或用户单击一个按钮，或用户按下键盘上的键。在 Flash 中，在动作面板中可以编写的有帧动作、按钮动用和影片剪辑动作。使用 Normal Mode(标准模式)动作面板上的控件，无需编写任何动作脚本就可以插入动作。如果已经熟悉 ActionScript，也可以使用 Ex

18、port Mode(专家模式)动作面板编写自己的脚本。指令的形式可以是一个动作（如指令动画停止播放） ，也可以是一系列动作（如首先计算条件，然后执行一个动作） 。很多动作的设置只要求读者具有少量的编程经验，而其他一些动作的应用则要求比较熟悉编程语言，用于高级开发。ActionScript 中的对象可以包含数据或作为影片剪辑以图像形式出现的编辑区中。所有的影片剪辑都是预定义类 MovieClip 的实例。每个影片剪辑实例均包含MovieClip 类的所有属性（例如_height、_rotation、_totalframes）和所有方法（如 gotoAndPlay、loadMovie、startD

19、rag） 。在面向对象的脚本编写中，依据指定的顺序，类可以相互接收属性和方法，这称为继承。利用继承可以扩展或重定义一个类的属性和方法。从其他类继承而来的类称为子类，传递属性和方法到另一个类的类称为父类。一个类可以是子类，也可以是父类。 3 3网站设计的前期规划网站设计的前期规划3.13.1 网站的名称网站的名称Lancome 兰蔻。本网站是一个商业型的网站，做网站的目的就是为了提高公司的知名度，让公司的产品推广出去，让更多的消费人郡知道这个公司的存在。兰蔻主要是推出化妆品。运用 flash 技术去做商品展示型的网站，可能让用户更直观的了解产品，并且6给用户一种视觉的享受，让用户可以和计算机之间

20、有一个交互的过程。3.23.2 网站素材收集网站素材收集兰蔻是法国的一个知名品牌，在全国各地都有销售，兰蔻也有自己的网站。因此网络成为了获取信息的一个最佳路径。通过在网上查找一些兰蔻产品的图片和文字信息，同时根据设计的需求，做一些相应的背景和小动画为网页做陪衬。素材收集完后，再把图片在 photoshop 的处理，做一些文字效果。最后进行设计，将图片加上文字解说放入网站中，运用 flash 技术做出动态的效果。3.33.3 网站的色调及风格网站的色调及风格化妆品主要是针对的广大女性，因此选用了紫色和白色相结合的色调，给人一种高贵优雅的感觉。 网站的风格简单大方，运用渐变的色块将网站分为了三大块

21、，分别是 logo 导航、内容和版权信息。3.43.4 网站的布局及栏目网站的布局及栏目网站的布局：首先在上部放入网站的左边 logo 和兰蔻的标志，中间放入导航，右边放上背景音乐的播放动画。网站中间的部分为网站的主要内容部分，点击导航中的菜单，相应的内容就会也现在中间的版块中。最后是页面下部分为网站的版权信息。如图 3-1 所示：图 3-1本网站的栏目主要分为首页、推荐、彩妆、护肤、香水、男士、论坛七个栏目。7如图 3-2 所示。图 3-23.53.5 网站的框架网站的框架网站具体框架如图 2-3 所示图 3-34 4flashflash 网站的页面设计网站的页面设计4.14.1 开场动画的

22、设计开场动画的设计开场动画中的图片切换用了逐帧动画，每隔一帧放一张图片。而线的残影效果的实现的实现过程如下：1)新建一个影片剪辑，画一个矩形将它的四分之三的部分去掉，将其转换为片剪辑，命名为 bk,新建一层，复制粘贴帧，点击“修改”“变形”“水平翻转” ，将图层 2 中的图形翻转过来和图层 1 中的图形相对，将两个图形移到中间刚好是个矩形，在第 10 帧的位置插入关键帧，将两个图形分别向外移动，移到刚好容下一张变换的图片为止，为它们创建形状补间动画2) 新建一个影片剪辑，将影片剪辑 bk 拖入，新那一层，复制粘贴帧，点击“修改”“变形”“水平翻转” ，将图层 2 中的图形翻转过来和图层 1 中

23、的主页推荐产品彩妆产品论坛护肤产品香水男仕新品口碑产品畅销排行眼部保湿系列璀璨香水清洁系列肤色唇部抗皱系列美白系列珍爱香水奇迹香水梦魅香水防晒系列修复系列防晒系列护理系列8图形相对，将它们移动到中间的位置刚好放下切换的图形，在第 5 帧的位置插入关键帧，将图形分别缩小，再 20 帧的位置插入关键帧，将图形分别向外移动并将它们的透明度变为 0。3) 新建一个影片剪辑，将 1）中建的影片剪辑拖入，将其实例化为 bkuang 延长到第 10 帧，新建一个动作层，110 帧都插入关键帧，如图 4-1 所示图 4-1在第 2 帧上都写入如下代码：duplicateMovieClip(bkuang,bku

24、ang1,1);setProperty(bkuang,_alpha,90);其中第 2 帧上的 alpha 的值相对于上一帧都要低，而且复制的新影片剪辑的名字依次为 bkuang1bkuangN，名字不可以一样。透明度也要相对应它的前一帧要降低。4.24.2 彩妆栏目的设计彩妆栏目的设计4.2.14.2.1 二级面页的设计二级面页的设计彩妆页面主要分为了眼部彩妆、唇部彩妆和肤色。在这一页面中，我彩用了缓动的方法，分别将兰蔻公司具有代表性的三个彩妆系列来做为二级页面的主要内容。并且兰蔻全球创意总监 Aaron De Mey 作为该栏目的一部分进行介绍。彩妆页面每一个图片上都有一上透明的按钮，而文

25、字的显示则是用了按钮事件onRollOver 和 onRollOut 来进行调用。到于点击图片就会进入相应的三级页面，是在该场景中放入了一个空的影片剪辑，并将其实例化，通过 loadMovie 来调用外部文档。打开彩妆页面和进入三级页面的图片的进入和退出用到的是缓动。进入时的主9要代码如下：import mx.transitions.Tween;import mx.transitions.easing.*;myTween = new Tween(mc1, _y, Elastic.easeOut, 600, 10, 0.8, true);为了让它们出现逐个进入的效果，只需将它们的速度改变一个即可

26、，也就是修改 0.8 的值，数值越大表示出现的越慢。退出时是设计了一个函数，代码如下：function down(mc, time) myTween = new Tween(mc, _y, Back.easeIn, 30, 500, time, true);用是只需调用并改变它们的影片剪辑的名字和速度就可以为了，也就是 mc 和time 的值。4.2.24.2.2 三级页面的设计三级页面的设计4.2.2.14.2.2.1 按钮的设计按钮的设计三级页中的按钮用的是补间动画。本页面中的按钮为透明按钮。主要用到了按钮事件中的 onRollOvert 和 onRollOut，当鼠标移到按钮上时影片剪辑

27、开始播放并且在某一帧停下来，当鼠标移开时，再播放后面的帧。具体步骤如下：1) 新建一个图形元件，画一个矩形，不要边框。2) 新建一个影片剪辑，将做好的矩形图形元件拖入制作一个两帧的逐帧动画将第一帧和第二帧的透明度改成不一样的。3) 新建一个影片剪辑，将做好的矩形图形元件拖入，做一个从小到大且从透明度 0 到 100 的补间动画具体设置如图所示（前 10 帧） 。在第 11 帧处拖入第二步所建的影片剪辑，并在该帧处加入 stop()动作。复制 110 帧， 在第 12 帧处插入关键帧，粘贴帧，然后翻转帧。如图 4-2 所示。10图 4-24.2.2.24.2.2.2 图片的显示图片的显示本页面中

28、的图片是单独的一个 swf 文件，当点击相应的按钮时就会用 loadMove来调用一个相应的 swf 文件。图片的显示用到了补间动画。然后创建逐帧的动画，如图 4-3 所示：图 4-3 具体步骤如下：1） 将要用到的图片转换为元件。新建一个影片剪辑，将图片元件拖入，在 25帧插入关键帧。2） 新建一层，在第 5 帧处插入关键帧，复制上面的帧。创建逐帧动画，如图4-3 所示，在第 6 帧的处插入关键帧，点击元件在“属性”面板中的“颜色”框中选择“高级”,在弹也的对话框中设置如图 4-4 所示。后面的帧依次降低它的 alpha值和 RGB 值。RGB 的值降到 1。11图 4-43） 新建一个图层

29、，在第 3 帧的位置插入关键帧，复制第一层上的第 1 帧，将图片缩小，创建逐帧动画，如图 4-3 所示，选中元件，在“属性”面板中选择“颜色”一栏中的“高级” ，点击“设置” ，在弹出的对话框中设置如图 4-5 所示。后面的帧上的内容设置依次提高 alpha 的值和 RGB 的值，RGB 的值最后一帧设为-1，并且图片要逐渐变大。 计算机毕业论文资源网 QQ: 953825995图 4-54） 新建一个图层，复制第一层的第 1 帧，将图片放大，创建逐帧动画，如图4-3 所示，选中元件，在“属性”面板中选择“颜色”一栏中的“高级” ，点击“设置” ，在弹出的对话框中设置如图 4-6 所示。后面的

30、帧上的内容设置依次提高 alpha的值和 RGB 的值，RGB 的值最后一帧设为 1，并且图片要逐渐变小。12图 4-65）将第一层拖到最上方，将它设为遮罩层，将其它的三层都设为被遮罩层。6）新建一个动作层，在最后一帧的位置写入 stop()；动作指令。4.2.2.34.2.2.3 文字的显示文字的显示这里的文字显示是用到了一个逐帧动画。文字下方是一个用逐帧制作的动画，文字是在这个动画显示完后，然后显示到上面的。4.34.3 男士页面的设计男士页面的设计男士页面主要包含了清洁、防晒、护理三个系列的产品。其中三个系列的产品的出现方式的制作方法如下：1）将产品的图片制作成一个补间动画。如图 4-7

31、 和图 4-8 所示 图 4-7 图 4-8选择第 1 帧，选中影片剪辑，在“属性”面板中， “颜色”一栏中选择“高级” ，点击旁边的“设置”按钮，在打开的对话框中设置的数值如图 4-9 所示。13图 4-9第 20 帧插入关键帧，将影片剪辑水平上移一定的位置。选中影片剪辑，在它的“属性”面板中， “颜色”一栏中选择“高级” ，点击旁边的“设置”按钮，在打开的对话框中设置的数值如图 4-10 所示。最后在第 20 帧上加入动作 stop（） 。图 4-102) 新建一个影片剪辑，将刚做的影片剪辑拖进来，新建一层，在上面画一个宽270，高 45（注：宽要比拖进来的影片剪辑宽一点，高要为相对的比它

32、低）的长方形，不要边框。将它设为遮罩层。将这两个图层选中复制多个按图所示摆放，直到摆放的高度超过图片的高度。而且复制的两层也要相对下一个图层往后拖放一点。效果如图4-11 所示14。图 4-115 5网站的合成网站的合成网页设计完成后要想成为一个完整的网站需要把所做的网页连接到一起。这就需要用到 ActionScript 语句，这里我主要用到了 MovieClip.loadMovie。还在说明的是，本网站中所用到的按钮均为透明的按钮。5.15.1 路径的使用路径的使用我们在使用 ActionScript 语句的时候，首先要弄懂的就是路径的问题，在制作网站的过程中，我就遇到了很多这样的问题，很多

33、时候套的影片剪辑越多，路径往往越不好掌握。在这里针对这一问题我要特别说明一下。路径分为绝对路径和相对路径。5.1.15.1.1 绝对路径绝对路径绝对路径以文档加载到其中的层名开始，一直延续到显示列表中的目标实例。也可以使用别名 _root 来指示当前层的最顶层时间轴。例如，影片剪辑 california 中引用影片剪辑 oregon 的动作可以使用绝对路径 _root.westCoast.oregon4。在 Flash Player 中打开的第一个文档是加载到第 0 层。您必须给其它每个加载的文档分配层号。在 ActionScript 中使用绝对引用来引用一个加载的文档时，可以使用 _leve

34、lX 的形式，其中 X 是文档加载的层号。例如，在 Flash Player 15中打开的第一个文档叫做 _level0；加载到第 3 层的文档叫做 _level3。要在不同层的文档之间进行通信，必须在目标路径中使用层名。下面的例子显示 portland 实例如何定位 georgia 影片剪辑上的 atlanta 实例（georgia 与 oregon 位于同一层）：_level5.georgia.atlanta您可以使用别名 _root 表示当前层的主时间轴。对于主时间轴，当 _root 别名被同在 _level0 上的影片剪辑作为目标时，则代表 _level0。对于加载到 _level5

35、的文档，当该文档被同在第 5 层上的影片剪辑作为目标时，则 _root 等于 _level5。例如，如果影片剪辑 southcarolina 和 florida 被加载到同一层上，从实例 southcarolina 调用的动作就可以使用以下绝对路径来指向目标实例 florida：_root.eastCoast.florida简单的说就是，绝对路径是以主时间轴开始的，只要前面加入_root 一定是绝对路径。5.1.25.1.2 相对路径相对路径相对路径取决于控制时间轴和目标时间轴之间的关系。相对路径只能确定 Flash Player 中它们所在层上的目标的位置。例如，在 _level0 上的某个

36、动作以 _level5 上的时间轴为目标时，不能使用相对路径。在相对路径中，使用关键字 this 指示当前层中的当前时间轴；使用别名 _parent 指示当前时间轴的父时间轴。您可以重复使用别名 _parent，在 Flash Player 同一层内的影片剪辑层次结构中逐层上升。例如，_parent._parent 控制影片剪辑在层次结构中上升两层。Flash Player 中任何一层的最顶层时间轴是唯一具有未定义的 _parent 值的时间轴。实例 charleston（较 southcarolina 低一层）时间轴上的动作，可以使用以下目标路径将实例 southcarolina 作为目标：

37、_parent要从 charleston 中的动作指向实例 eastCoast（上一层） ，可以使用以下相对路径：_parent._parent要从 charleston 的时间轴上的动作指向实例 atlanta，可以使用以下相对路径：_parent._parent.georgia.atlanta16相对路径在重复使用脚本时非常有用。例如，您可以将以下脚本附加到某个影片剪辑，使其父项放大 150%：onClipEvent (load) _parent._xscale = 150;_parent._yscale = 150;相对路径是使用 ActionScript 语句时经常要用到，而且也是我们

38、经常弄错的地方。这里我要说的就是，如果动作是写到帧上的，那么当前所在的影片剪辑中的所有元件都是 this。如果是在按钮或影片剪辑写，那么该按钮或影片剪辑就是 this。它所在的影片剪辑就是它的父对象。5.25.2 loadMoveloadMove 的介绍的介绍5.2.15.2.1 loadMoveloadMove 的基本语法的基本语法 loadMove 主要是针对的外部文件， 它可以将我们需要的文本、图片、以及flash 影片导入到场景中，下面来说一下它的基本语法。MovieClip.loadMovie(url ,location/target, variables); 参数 ：url： 要载

39、入的 SWF 文件的绝对或相对 URL。 相对路径必须关联到 SWF。此URL 必须和当前电影所在的 URL 有相同的子域。 为了在 Flash 播放器中播放和在Flash 创作环境的测试电影模式下测试, 所有 SWF 文件必须存放在相同的文件夹中, 并且文件名不能包含文件夹和磁盘驱动器。Target： 可选项,指定将被载入的影片替换的目标影片夹。 载入的片继承目标影片夹的位置, 旋转，缩放属性.。指定和 target 和指定目标影片的 location (level)相同； 不需要两者同时指定。 location：可选项, 指定影片将被载入的层级。载入的影片继承目标影片夹的位置, 旋转, 缩

40、放属性。 要将载入的影片添加到现有影片中, 需指定一个没有被其他影片占用的层级。 要用载入的影片替换现有影片, 需指定一个当前已被其他影片占用的层级. 要替换原始影片并卸载所有层级。就把新影片载入到层级 0. 层级 0中的影片设置了所有其他载入影片的帧速率, 背景色, 和帧大小。variables：可选项, 指定一个与载入影片关联的发送变量的方法。 此成员必17须是字符串“GET”或“POST” 。 如果无变量, 忽略此成员；否则, 指定是否用 GET或 POST 方法载入变量。 GET 追加变量到 URL 末尾, 用于小的数值变量。 POST 在独立的 HTTP 头发送变量, 用于长字符串变

41、量5。 描述：你可以把影片载入到已有 SWF 文件载入的层级。 如果你那样做了, 新的影片将替换掉现有的 SWF 文件。 如果你把新影片载入到层级 0, 所有的层级都会被卸载, 层级 0 将被新文件替换。 可以使用 loadVariables 动作保持活动影片并用新值更新变量。 使用 unloadMovie 动作删除用 loadMovie 动作载入的电影.5.2.25.2.2 loadMovieloadMovie 的应用的应用在本网站各个栏目的调用和每一个栏目中子页之间的跳转用到的都是loadMovie,现在我举一个彩妆页面的例子来说明一下 loadMovie 要怎么使用。在彩妆页面中又分为了

42、肤色、眼部、唇部三个子页面。现在我们要说的就是如何用 loadMovie 来调用下面的三个子页。首先为了确定载入影片的位置，先新建一个空的影片剪辑，命名为 loadz，然后是点击按钮时才会触发 loadMovie 这个事件，按钮实例化名为 hit。在帧上插入关键帧，在“动作”面板中写入下面的代码：hit.onPress = function() _parent.loadz.loadMovie(chunbu.swf);由于 loadz 这个空影片剪辑是放在主场景中的，因此要用到_parent，表示当然所在影片剪辑的父对象。6 6小结小结在本次的毕业设计中，遇到过很多的问题。首先就是开场动画中的那

43、个残影。最开始的时候，我想到的是用 duplicateMovieClip 语句来复制影片剪辑，然后改变它的透明度，当时我用的是 for 循环语句。影片剪辑和前面所做的是一样的，只是代码有所改动。当时用 for 循环语句写的代码如下：for (i=1; i10; i+) duplicateMovieClip(bkuang, bkuang+i, 3);setProperty(bkuang+i, _alpha, 100-10*i);18结果运行后根本没有什么效果。本来用逐帧的实现是第一时间想到的，但是做起来太过麻烦。因此就用了上面所提到的方法，延长帧，然后在每一帧上都写入如下代码：duplicate

44、MovieClip(bkuang,bkuang1,1);setProperty(bkuang,_alpha,90);虽然理念和逐帧动画一样，但是做起来就相对的比较容易。除了上述问题外，最大的问题就要属路径的问题了。因为本网站是我们三个人合作而成的，所以各个页面都是独立的，到最后要通过 loadMovie 连在一起，这时就出现了连接不上的问题，最后我们才发现，原来是做的网页用到的绝对路径_root开头的，结果连到一块的时候，_root 所指的就不是你单独做时的主时间轴了，面成了调动页面的主时间轴，因此无法调用。最后把它们改为相对路径，这个问题就解决了。整个网站的制作过程中，让我了解到，学过的就不

45、能忘记，免得以后用到了，还要再去学。还有最重要的就是要学会沟通，因为网站不是一个人做的，每个人的想法都是不一样的，因此要多和别人沟通想法。从中找灵感，同时也要做到风格的一致，这就要有一定的默契。19参考文献参考文献1冯有材. FLASH MX 设计动感介面. 上海：上海交通大学,2006-9:211.2张文京. FLASH MX 动画设计与应用. 北京：首都师范大学,2006-7:362.3陈冰. FlashMX 第一步 ActionScript 编程篇. 北京：清华大学出版社,2003:425448.4潘英伟,曾志编著. 网站开发实用手册. 北京：中国广播电视出版社，2001:8590.5孙

46、平，李浩，刘志华. 中文 FlashMX 网页设计实用教程. 北京：冶金工业出版社，2004:18.- 20 -致致 谢谢在本次的论文设计中，我要非常感谢朱楠老师的指导。朱楠老师从选题，写作要求，初稿的修改到最后的定稿。在这一系列的环节中朱楠老师无时无刻不关心着我们，使得我最后能顺利的交稿。在学习过程中，我对老师，对事情的分析能力和对洞察力深深的折服，还有就是看待问题一针见血，做事干净利落。这也是我佩服的地方。在此还在感谢这三年中所有教导过我的老师们，正是由于你们对教学的严谨作风，才使得我学到了很多东西，进而顺利完成我的毕业设计及论文。在此，我向你们表示我深深的敬意。在这个毕业设计中，还在感谢和我一起奋战的组员张艳霞和郑艳艳，没有她们协助完成这个毕业设计将会非常的难，正是由于她们的帮助，让我减少了很多的阻力。在这里，我要非常感谢她们的帮助。