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

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

1、基于纯基于纯 flashflash 的动画网站的设计与实现的动画网站的设计与实现_ _毕业论文毕业论文 目录目录 内容摘要1 ABSTRACT1 KEY WORDS.1 1绪论.2 1.1 研究背景 2 1.2 flash 网站的现状.2 2flash 网站的开发环境和相关技术 .3 2.1 flash 网站开发的环境 3 2.2 flash 网站开发的相关技术.3 2.3 ActionScript 相关知识4 3网站设计的前期规划.5 3.1 网站的名称 5 3.2 网站素材收集 6 3.3 网站的色调及风格 6 3.4 网站的布局及栏目 6 3.5 网站的框架 7 4flash 网站的页面

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

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

4、nformation is also varied, 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

5、site technology to do business. 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 peo

6、ple shines a small animation, 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

7、 site mainly for the French cosmetics - Lancome website design and implementation is also in the specific analysis. 2 KeyKey wordswords：FLASH Page Creator Commodity exhibition 1 1绪论绪论 1.11.1 研究背景研究背景 随着计算机网络技术的迅猛发展和信息基础设施的不断完善，网络已渗透到社 会生活的方方面面，它不仅改变了人们的工作、生活、学习和交流方式，而且已经 对整个社会的政治、经济 、科学、技术、文化和教育等领域产

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

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

10、页也频频出现。精 彩的动画与丰富的内容巧妙结合，把浏览者的目光牢牢抓住，访问量也随之迅速上 升。精彩的网页动画不仅吸引了广大浏览者，更是吸引了众多的网页设计者。正因 为它的视觉冲击力和互动性，做为商品的展示能使得商品更具有真实感，从而吸引 了很多的商家1。 3 2 2flashflash 网站的开发环境和相关技术网站的开发环境和相关技术 2.12.1 flashflash 网站开发的环境网站开发的环境 Macromedia Flash 为创建和发布丰富的网页内容，提供了所需的所有功能；另 外，利用它还能生成强大的应用程序。不管是在动画设计方面还是在制作出功能强 大的应用程序，Flash 都可以

11、提供创作优秀作品的丰富工具，并且为不同的用户着 想，提供很多个选项。 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用 程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演 示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内 容单元称为应用程序，即使它们可能只是很简单的动画。您可以通过添加图片、声 音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。Flash 特别适用于创 建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量 图形做到这一点的。与位图图形相比，矢量图

12、形需要的内存和存储空间小很多，因 为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图 像中的每个像素都需要一组单独的数据来表示2。 Flash 包含了许多功能，如拖放用户界面组件、给文档添加动作脚本从而添加 行为，甚至可以添加到对象的特殊效果这些功能令 Flash 成为功能强大且易于 使用的一种工具软件。 在 Flash 中编辑创作时，是在 Flash 的源文档中工作，即保存时文件扩展名为. fla 的文件；在发布时，会同时创建一个扩展名为.swf 的文件，这个文件将在 Flash Player 运行。 在默认情况下，运行.swf 应用程序的 Macromedia Fla

13、sh Player 会随 Flash 一 起安装。Flash Player 确保可以在各种平台、浏览器上以统一的方式来查看和使用 所有的 SWF 内容。 2.22.2 flashflash 网站开发的相关技术网站开发的相关技术 在 Flash 基本动画制作中，主要有帧动画和遮罩动画的制作。 帧动画是一种比较原始的制作动画的方法。它采用的原理实际上就是传统的动 画片制作原理，先把动画中的分解动作一帧一帧地制作出来，然后再把它们连续播 4 放，利用人们视觉停留效果，就会形成连续播放的动画了。 在 Flash 中制作帧动画有两种方式，一种就是在 Flash 中逐帧逐帧地制作分解 动作，另一种方法是导

14、入在其他绘图软件中制作出来的分解动作的连续文件。 打个比方，一个图层就像一张透明的纸张，透过上面的图层可以清晰地看到下 面的图层。但是遮罩图层则不同，它就像不透明的纸张一样，将下面的被遮罩层遮 住，被遮罩层若要能够显示，必须在上面的遮罩图层上挖一个洞，通过这个洞才能 看清楚下面的图形。 遮罩图层只对它下面的被遮罩图层起作用。利用遮罩层可以实现水中倒影和波 浪文字等效果。当遮罩层作用于某个普通层时，普通层上内容就会透过遮罩层上有 内容的部分显示出来。将多个层结合到一个遮罩层，可以创建出很复杂的效果。除 此之外，用户还可以为遮罩层制作移动的行为，以实现看到的普通层上的物体动起 来的效果。 遮罩层可

15、以将和它结合在一起的普通层上面的内容隐藏起来，只有遮罩层上有 内容的地方才会显示普通层上的内容。 应用 Flash 动作脚本语言编写动作脚本，可以创建具有高度交互性的动画。要 创作复杂的交互动画，需要掌握本章介绍的高级技术，包括控制动画播放、建立自 定义光标、获取鼠标位置、捕获按键、建立滚动文本框、设置颜色值、建立声音控 制、检测碰撞和创建画线工具等。本章后面还通过一个实例，介绍这些技术的综合 应用。 交互动画可以与用户互动。用户可以使用键盘、鼠标或二者操作，中转到动画 的不同部分，移动对象、输入信息、单击按钮、以及执行其它交互操作。通过编写 在指定事件发生时执行的一些动作脚本，可以创建交互动

16、画。当播放头到达某帧时， 当影片剪辑载入或卸载时，或者当用户单击一个按钮或按下键盘上的按键时，触发 动作脚本的事件将发生，动作脚本将告诉 Flash 当特定的事件发生时要执行什么动 作。要创作出具有高度交互性的动画，需要用到一些高级技术。 2.32.3 ActionScriptActionScript 相关知识相关知识 ActionScript 是 Flash 的脚本语言。正是由于 Flash 中增加、完善了 ActionScript，才使创作出来的动画具有很强的交互性。在简单动画中，Flash 按 顺序播放动画中的场景和帧。而在交互动画中，用户可以使用键盘或无懈可击与动 5 画交互，大大增加

17、了用户的参与感，同时也大大增加了 Flash 动画的魅力。例如， 用户可以单击动画中的按钮，然后使动画跳转到不同部分继续播放；可以移动动画 中的对象，如移动手中的枪，使射出的子弹准确击中目标；可以在表单中输入信息， 反馈对公司的意见等等。总之，使用 ActionScript 可以控制 Flash 动画中的对象， 创建导航元素和交互元素，扩展 Flash 交互动画和网络应用的能力3。 有了 ActionScript，就可以通过设置动作来创建交互动画。动作就是指用 ActionScript（动作脚本）编写的、当特定事件发生时执行的一组指令。触发动作 的事件可以是播放头到达某帧，或用户单击一个按钮，

18、或用户按下键盘上的键。 在 Flash 中，在动作面板中可以编写的有帧动作、按钮动用和影片剪辑动作。 使用 Normal Mode(标准模式)动作面板上的控件，无需编写任何动作脚本就可以插 入动作。如果已经熟悉 ActionScript，也可以使用 Export Mode(专家模式)动作面 板编写自己的脚本。指令的形式可以是一个动作（如指令动画停止播放） ，也可以是 一系列动作（如首先计算条件，然后执行一个动作） 。很多动作的设置只要求读者具 有少量的编程经验，而其他一些动作的应用则要求比较熟悉编程语言，用于高级开 发。 ActionScript 中的对象可以包含数据或作为影片剪辑以图像形式出

19、现的编辑区 中。所有的影片剪辑都是预定义类 MovieClip 的实例。每个影片剪辑实例均包含 MovieClip 类的所有属性（例如_height、_rotation、_totalframes）和所有方法 （如 gotoAndPlay、loadMovie、startDrag） 。 在面向对象的脚本编写中，依据指定的顺序，类可以相互接收属性和方法，这 称为继承。利用继承可以扩展或重定义一个类的属性和方法。从其他类继承而来的 类称为子类，传递属性和方法到另一个类的类称为父类。一个类可以是子类，也可 以是父类。 3 3网站设计的前期规划网站设计的前期规划 3.13.1 网站的名称网站的名称 Lan

20、come 兰蔻。 本网站是一个商业型的网站，做网站的目的就是为了提高公司的知名度，让公 司的产品推广出去，让更多的消费人郡知道这个公司的存在。兰蔻主要是推出化妆 品。运用 flash 技术去做商品展示型的网站，可能让用户更直观的了解产品，并且 6 给用户一种视觉的享受，让用户可以和计算机之间有一个交互的过程。 3.23.2 网站素材收集网站素材收集 兰蔻是法国的一个知名品牌，在全国各地都有销售，兰蔻也有自己的网站。因 此网络成为了获取信息的一个最佳路径。通过在网上查找一些兰蔻产品的图片和文 字信息，同时根据设计的需求，做一些相应的背景和小动画为网页做陪衬。素材收 集完后，再把图片在 photo

21、shop 的处理，做一些文字效果。最后进行设计，将图片 加上文字解说放入网站中，运用 flash 技术做出动态的效果。 3.33.3 网站的色调及风格网站的色调及风格 化妆品主要是针对的广大女性，因此选用了紫色和白色相结合的色调，给人一 种高贵优雅的感觉。 网站的风格简单大方，运用渐变的色块将网站分为了三大块，分别是 logo 导航、 内容和版权信息。 3.43.4 网站的布局及栏目网站的布局及栏目 网站的布局：首先在上部放入网站的左边 logo 和兰蔻的标志，中间放入导航， 右边放上背景音乐的播放动画。网站中间的部分为网站的主要内容部分，点击导航 中的菜单，相应的内容就会也现在中间的版块中。

22、最后是页面下部分为网站的版权 信息。如图 3-1 所示： 图 3-1 本网站的栏目主要分为首页、推荐、彩妆、护肤、香水、男士、论坛七个栏目。 7 如图 3-2 所示。 图 3-2 3.53.5 网站的框架网站的框架 网站具体框架如图 2-3 所示 图 3-3 4 4flashflash 网站的页面设计网站的页面设计 4.14.1 开场动画的设计开场动画的设计 开场动画中的图片切换用了逐帧动画，每隔一帧放一张图片。而线的残影效果 的实现的实现过程如下： 1)新建一个影片剪辑，画一个矩形将它的四分之三的部分去掉，将其转换为 片剪辑，命名为 bk,新建一层，复制粘贴帧，点击“修改”“变形”“水 平翻

23、转” ，将图层 2 中的图形翻转过来和图层 1 中的图形相对，将两个图形移到中间 刚好是个矩形，在第 10 帧的位置插入关键帧，将两个图形分别向外移动，移到刚好 容下一张变换的图片为止，为它们创建形状补间动画 2) 新建一个影片剪辑，将影片剪辑 bk 拖入，新那一层，复制粘贴帧，点击 “修改”“变形”“水平翻转” ，将图层 2 中的图形翻转过来和图层 1 中的 主页 推荐产品彩妆产品论坛护肤产品香水男仕 新品 口碑产品 畅销排行 眼部保湿系列璀璨香水清洁系列 肤色 唇部 抗皱系列 美白系列 珍爱香水 奇迹香水 梦魅香水 防晒系列 修复系列 防晒系列 护理系列 8 图形相对，将它们移动到中间的位

24、置刚好放下切换的图形，在第 5 帧的位置插入关 键帧，将图形分别缩小，再 20 帧的位置插入关键帧，将图形分别向外移动并将它们 的透明度变为 0。 3) 新建一个影片剪辑，将 1）中建的影片剪辑拖入，将其实例化为 bkuang 延 长到第 10 帧，新建一个动作层，110 帧都插入关键帧，如图 4-1 所示 图 4-1 在第 2 帧上都写入如下代码： duplicateMovieClip(“bkuang“,“bkuang1“,1); setProperty(“bkuang“,_alpha,90); 其中第 2 帧上的 alpha 的值相对于上一帧都要低，而且复制的新影片剪辑的名 字依次为 bk

25、uang1bkuangN，名字不可以一样。透明度也要相对应它的前一帧要 降低。 4.24.2 彩妆栏目的设计彩妆栏目的设计 4.2.14.2.1 二级面页的设计二级面页的设计 彩妆页面主要分为了眼部彩妆、唇部彩妆和肤色。在这一页面中，我彩用了缓 动的方法，分别将兰蔻公司具有代表性的三个彩妆系列来做为二级页面的主要内容。 并且兰蔻全球创意总监 Aaron De Mey 作为该栏目的一部分进行介绍。 彩妆页面每一个图片上都有一上透明的按钮，而文字的显示则是用了按钮事件 onRollOver 和 onRollOut 来进行调用。到于点击图片就会进入相应的三级页面，是 在该场景中放入了一个空的影片剪辑

26、，并将其实例化，通过 loadMovie 来调用外部 文档。 打开彩妆页面和进入三级页面的图片的进入和退出用到的是缓动。进入时的主 9 要代码如下： import mx.transitions.Tween; import mx.transitions.easing.*; myTween = new Tween(mc1, “_y“, Elastic.easeOut, 600, 10, 0.8, true); 为了让它们出现逐个进入的效果，只需将它们的速度改变一个即可，也就是修 改 0.8 的值，数值越大表示出现的越慢。 退出时是设计了一个函数，代码如下： function down(mc, ti

27、me) 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，当鼠标移到按钮上时影片剪辑开始播放并 且在某一帧停下来，当鼠标移开时，再播放后面的帧。具体步骤如下： 1) 新建一个图形元件，画一个矩形

28、，不要边框。 2) 新建一个影片剪辑，将做好的矩形图形元件拖入制作一个两帧的逐帧动画 将第一帧和第二帧的透明度改成不一样的。 3) 新建一个影片剪辑，将做好的矩形图形元件拖入，做一个从小到大且从透明 度 0 到 100 的补间动画具体设置如图所示（前 10 帧） 。在第 11 帧处拖入第 二步所建的影片剪辑，并在该帧处加入 stop()动作。复制 110 帧， 在 第 12 帧处插入关键帧，粘贴帧，然后翻转帧。如图 4-2 所示。 10 图 4-2 4.2.2.24.2.2.2 图片的显示图片的显示 本页面中的图片是单独的一个 swf 文件，当点击相应的按钮时就会用 loadMove 来调用一

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

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

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

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

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

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

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

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

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

38、上的动作，可以使用以 下目标路径将实例 southcarolina 作为目标：_parent 要从 charleston 中的动作指向实例 eastCoast（上一层） ，可以使用以下相对 路径：_parent._parent 要从 charleston 的时间轴上的动作指向实例 atlanta，可以使用以下相对路 径：_parent._parent.georgia.atlanta 16 相对路径在重复使用脚本时非常有用。例如，您可以将以下脚本附加到某个影 片剪辑，使其父项放大 150%： onClipEvent (load) _parent._xscale = 150; _parent._y

39、scale = 150; 相对路径是使用 ActionScript 语句时经常要用到，而且也是我们经常弄错的地 方。这里我要说的就是，如果动作是写到帧上的，那么当前所在的影片剪辑中的所 有元件都是 this。如果是在按钮或影片剪辑写，那么该按钮或影片剪辑就是 this。 它所在的影片剪辑就是它的父对象。 5.25.2 loadMoveloadMove 的介绍的介绍 5.2.15.2.1 loadMoveloadMove 的基本语法的基本语法 loadMove 主要是针对的外部文件， 它可以将我们需要的文本、图片、以及 flash 影片导入到场景中，下面来说一下它的基本语法。 MovieClip

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

41、； 不需要两者同时指定。 location：可选项, 指定影片将被载入的层级。载入的影片继承目标影片夹的 位置, 旋转, 缩放属性。 要将载入的影片添加到现有影片中, 需指定一个没有被其 他影片占用的层级。 要用载入的影片替换现有影片, 需指定一个当前已被其他影片 占用的层级. 要替换原始影片并卸载所有层级。就把新影片载入到层级 0. 层级 0 中的影片设置了所有其他载入影片的帧速率, 背景色, 和帧大小。 variables：可选项, 指定一个与载入影片关联的发送变量的方法。 此成员必 17 须是字符串“GET”或“POST” 。 如果无变量, 忽略此成员；否则, 指定是否用 GET 或 P

42、OST 方法载入变量。 GET 追加变量到 URL 末尾, 用于小的数值变量。 POST 在 独立的 HTTP 头发送变量, 用于长字符串变量5。 描述： 你可以把影片载入到已有 SWF 文件载入的层级。 如果你那样做了, 新的影片将 替换掉现有的 SWF 文件。 如果你把新影片载入到层级 0, 所有的层级都会被卸载, 层级 0 将被新文件替换。 可以使用 loadVariables 动作保持活动影片并用新值更新 变量。 使用 unloadMovie 动作删除用 loadMovie 动作载入的电影. 5.2.25.2.2 loadMovieloadMovie 的应用的应用 在本网站各个栏目的调

43、用和每一个栏目中子页之间的跳转用到的都是 loadMovie,现在我举一个彩妆页面的例子来说明一下 loadMovie 要怎么使用。 在彩妆页面中又分为了肤色、眼部、唇部三个子页面。现在我们要说的就是如 何用 loadMovie 来调用下面的三个子页。 首先为了确定载入影片的位置，先新建一个空的影片剪辑，命名为 loadz，然 后是点击按钮时才会触发 loadMovie 这个事件，按钮实例化名为 hit。在帧上插入 关键帧，在“动作”面板中写入下面的代码： hit.onPress = function() _parent.loadz.loadMovie(“chunbu.swf“); 由于 lo

44、adz 这个空影片剪辑是放在主场景中的，因此要用到_parent，表示当然所在 影片剪辑的父对象。 6 6小结小结 在本次的毕业设计中，遇到过很多的问题。首先就是开场动画中的那个残影。 最开始的时候，我想到的是用 duplicateMovieClip 语句来复制影片剪辑，然后改变 它的透明度，当时我用的是 for 循环语句。影片剪辑和前面所做的是一样的，只是 代码有所改动。当时用 for 循环语句写的代码如下： for (i=1; i10; i+) duplicateMovieClip(bkuang, “bkuang“+i, 3); setProperty(“bkuang“+i, _alpha

45、, 100-10*i); 18 结果运行后根本没有什么效果。本来用逐帧的实现是第一时间想到的，但是做起来 太过麻烦。因此就用了上面所提到的方法，延长帧，然后在每一帧上都写入如下代 码： duplicateMovieClip(“bkuang“,“bkuang1“,1); setProperty(“bkuang“,_alpha,90); 虽然理念和逐帧动画一样，但是做起来就相对的比较容易。 除了上述问题外，最大的问题就要属路径的问题了。因为本网站是我们三个人 合作而成的，所以各个页面都是独立的，到最后要通过 loadMovie 连在一起，这时 就出现了连接不上的问题，最后我们才发现，原来是做的网页

46、用到的绝对路径_root 开头的，结果连到一块的时候，_root 所指的就不是你单独做时的主时间轴了，面 成了调动页面的主时间轴，因此无法调用。最后把它们改为相对路径，这个问题就 解决了。 整个网站的制作过程中，让我了解到，学过的就不能忘记，免得以后用到了， 还要再去学。还有最重要的就是要学会沟通，因为网站不是一个人做的，每个人的 想法都是不一样的，因此要多和别人沟通想法。从中找灵感，同时也要做到风格的 一致，这就要有一定的默契。 19 参考文献参考文献 1冯有材. FLASH MX 设计动感介面. 上海：上海交通大学,2006-9:211. 2张文京. FLASH MX 动画设计与应用. 北

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