09届“基于《不如一起有爱情》Flash动画实现”毕业论文(孙洁).pdf

韶 关 学 院 毕 业 论 文 毕业论文题目 基于 不如一起有爱情 的 FLASH 动画实现 学生姓名 孙洁 学号 051101314073 院 系 计算机科学学院 专业 计算机科学与技术 班级 05 计算机科学与技术软件 2 班 指导教师姓名及职称 程细柱 讲师 起止时间 毕业论文题目 基于 不如一起有爱情 的 FLASH 动画实现 学生姓名 孙洁 学号 051101314073 院 系 计算机科学学院 专业 计算机科学与技术 班级 05 计算机科学与技术软件 2 班 指导教师姓名及职称 程细柱 讲师 起止时间 2008 年 9月 2009 年5 月 基于 不如一起有爱情 的 FLASH 动画实现 摘要 摘要 本文主要介绍如何使用 FLASH 技术实现动画 文中以 不如一起有爱情 这本小说为主题实 例 Flash 是一种用于互联网的动画编程语言 它采用了网络流式媒体技术 突破了网络带宽的限 制 可以在网络上更快速地播放动画 实现动画交互 发挥个人的创造性和想象力 提供更为精美 的网页界面 本 Flash 中运用到了 Flash 技术中的特殊效果制作 以及分镜头表现与各情节场景连 接过渡 补间动作 遮罩 引导等图层应用 声音加载 ActionScript 脚本编程与 photoshop 绘图 制作 人物录音配音等相关技术 小说 不如一起有爱情 的故事简介是 介绍一个刚毕业的女孩 到北京的工作中与另一个女孩相识 相知 相处 最后各自找到了自己的所爱的人的感人故事 其 中以制作过程为本文主要线索 关键词 关键词 actionscript 编程 补间动作 Base on better to enjoy our own love to achieve with FLASH Abstract This article describes how to use the FLASH animation technology Text as not as good as with love the theme of the novel instance Flash is an animation for the Internet programming language It uses a network of streaming media technology a breakthrough in network bandwidth constraints can be on the network broadcast animation more quickly the realization of interactive animation to express their personal creativity and imagination to provide more attractive web interface The use of Flash to the Flash technology in the production of special effects as well as the performance of sub camera scenes connected with the circumstances of the transition inter meeting moves cover Mask and guide layers such as applications voice load ActionScript programming and photoshop graphics script production dubbing and other related figures recording technology novel than with love is the brief story The girl has just graduated to work in Beijing acquaintance with the other girls know each other get along and finally found their own people who loved the story moving Production process which leads to this paper Keywords Programming with actionscript to fill the gap with a motion 目录目录 1 引言 1 1 1 FLASH 概况 1 1 2 本文所涉及的 FLASH 技术 3 2 动画设计准备工作 4 2 1 小说 不如一起有爱情 的简介 4 2 1 1故事展开 4 2 1 2情节发展与高潮 4 2 1 3故事结局 4 2 1 4设计思想 5 2 1 5故事流程图及主要技术 5 2 2 素材准备 6 2 3 创作准备 6 2 3 1人物创作 6 2 3 2场景创作 8 2 4 声音准备 13 2 5 必要的工具 14 3 设计构思 15 3 1 设计目标 15 3 2 设计流程 15 3 2 1基本流程 15 3 3 开发平台 15 4 功能实现 17 4 1 设计工作 17 4 1 1开场设计 17 4 1 2模块设计 20 4 1 3结尾设计 23 4 2 编程代码 24 4 3 整合优化 28 5 结论 31 致谢 32 参 考 文 献 33 附录 34 1 基于 不如一起有爱情 的 FLASH 动画实现 班级 05 级计算机科学与技术系软件工程 2 班学生姓名 孙洁 指导教师 程细柱 讲师 1引言1引言 1 1 FLASH 概况1 1 FLASH 概况 Flash 是一种交互式矢量多媒体技术 他的前身是 Futureplash 早期网上流 行的矢量动画插件 后来由于 Macromedia 公司收购了 Future Splash 以后便将其 改名为 Flash2 到现在最新的 flash4 现在网上已经有成千上万个 Flash 站点 著名的如 Macromedia 专门 ShockRave 站点 全部采用了 Shockwave Flash 和 Director 可以说 Flash 已经渐渐成为交互式知量的标准 未来网页的一大主流 2001 年 Flash 已经在 Macromedia 经历了 5 代的发展 但它仍然保留了为笔触 式计算机所写的代码 由当初我们 3 个人创建发展到现在已由 50 个人建立 它 从一个个简单的网络绘图和动画工具包进化到一个复杂的多媒体创作环境 全球 已拥有 50 万的开发者 以及超过三亿二千五百万的网络用户在使用 Flash Player Flash 成为了英特网上网络动画的代名词 也已经成为网络应用软件 Internet Explorer Netscape Navigator and Real Player 中使用最为广泛的一部分 FLASH 的特点有 Flash 动画受网络资源的制约一般比较短小 利用 Flash 制作的动画是矢 量的 无论把它放大多少倍都不会失真 Flash 动画具有交互性优势 可以更好地满足所有用户的需要 它可以让 欣赏者的动作成为动画的一部分 用户可以通过点击 选择等动作 决定动画的 运行过程和结果 这一点是传统动画所无法比拟的 Flash 动画可以放在网上供人欣赏和下载 由于使用的是矢量图技术 具 有文件小 传输速度快 播放采用流式技术的特点 因此动画是边下载边播放 如果速度控制得好 则根本感觉不到文件的下载过程 所以 Flash 动画在网上被 2 广泛传播 Flash 动画有崭新的视觉效果 比传统的动画更加轻易与灵巧 更加 酷 不可否认 它已经成为一种新时代的艺术表现形式 Flash 动画制作的成本非常低 使用 Flash 制作的动画能够大大地减少人 力 物力资源的消耗 同时 在制作时间上也会大大减少 Flash 动画在制作完成后 可以把生成的文件设置成带保护的格式 这样 维护了设计者的版权利益 在现阶段 FLASH 应用的领域主要有以下几个方面 1 娱乐短片 这是当前国内最火爆 也是广大 FLASH 爱好者最热衷应用的一 个领域 就是利用 FLASH 制作动画短片 以供大家娱乐 是一个发展潜力很大的 领域 其中最典型的代表应是 大话三国 和小小作品等 2 片头 网站以片头作为过渡页面 在片头中播放一段简短精美的动画 就 如电视的栏目片头一样 可以在很短的时间内把自己的整体信息传播给访问者 增强访问者的印象 同时 也能给访问者建立良好形象 3 广告 这是最近两年开始流行的一种形式 有了 FLASH 广告在网络上发 布才成为了可能 而且根据调查资料显示 国外的很多企业愿意采用 FLASH 制作 广告 因为它既可以在网络上发布 同时也可以存成视频格式在传统的电视台播 放 一次制作 多平台发布 所以必将会越来越得到更多企业的青睐 4 MTV 这也是一种应用比较广泛的形式 在一些 FLASH 制作的网站 如 闪 客帝国 等 几乎每周都有新的 MTV 作品产生 在国内 用 FLASH 制作 MTV 也开 始有了商业应用 5 导航条 FLASH 按钮功能非常强大 是制作菜单的首选 通过鼠标的各种 动作 可以实现动画 声音等多媒体效果 6 小游戏 利用 FLASH 开发 迷你 小游戏 在国外一些大公司比较流行 他们把网络广告和网络游戏结合起来 让受众参与其中 大大增强广告效果 7 产品展示 由于 FLASH 有强大的交互功能 所以一些大公司 如 Dell 三 星等 都喜欢利用它来展示产品 可以通过方向键选择产品 再控制观看产品的 功能 外观等 互动的展示比传统的展示方式更胜一筹 8 应用程序开发的界面 传统的应用程序的界面都是静止的图片 由于任何 3 支持 ActiveX 的程序设计系统都可以使用 FLASH 动画 所以越来越多的应用程序 界面应用了 FLASH 动画 如金山词霸的安装界面 9 开发网络应用程序 目前 FLASH 已经大大增前了网络功能 可以直接通过 XML 读取数据 又加强与 ColdFusion ASP JSP 和 Generator 的整合 所以用 FLASH 开发网络应用程序肯定会越来越广泛的被应用 1 2 本文所涉及的 FLASH 技术1 2 本文所涉及的 FLASH 技术 本文选用小说 不如一起有爱情 的故事情节的发展为设计总体 详细介 绍从 序幕 第一幕 故事展开 第二幕 故事发展和高潮 第 三幕 故事结局 谢幕 的整个制作过程 其中涉及到了 FLASH 特殊效果制作 分镜头表现与各情节场景连接过渡 补间动作 遮罩与引导等图层应用 声音加载 ActionScript 脚本编程和 FLASH 与 PHOTOSHOP 的融合 人物录音配音后声音的加载等技术 其中脚本编程与创作 绘图是个难点 要涉及到美工与绘图技巧和编程能力 也是本文所讲述的重点 4 2动画设计准备工作2动画设计准备工作 2 1 小说 不如一起有爱情 的简介2 1 小说 不如一起有爱情 的简介 小说由蒋振东编著 中国青年出版社出版 2 1 1 故事展开 主人公沈枚琦是个阳光 健康的女孩 毕业后 来到了北京开始了自己的工 作和生活 不免会有些寂寞和落寞 一个周二的下午办公室来了一个新的同事 她叫方若园 方是一个健谈有朝气和对事无比热情的女孩 同为异乡客 她们很 自然地成了好朋友 她们生活工作上互相帮助 一起逛街一起疯 是很好的姐妹 她们都喜欢自由 便一起出去在一栋楼里租了两套房 生活过的不亦乐乎 她们 也都喜欢一个叫逸的男同事 2 1 2 情节发展与高潮 枚枚和方搬进了同一套方 逸搬进了另一套 方想要考研究生 于是枚枚他 们便劝她在家里看书 不要去上班了 于是方便在家里看书 做饭 照顾他们 枚枚生日那天 方还送了她一只小熊 这时逸的妈妈来到了北京 他们在一起开 心地聊天 谈心 大家都好开心 逸妈妈说希望他早些成家 枚枚和方相视一笑 逸妈妈走后枚枚和方聊了很多 她们都决定大家分开吧 不由伤心起来 泣不成 声 于是枚枚拿了行李 独自回公司去住 但忍不住夜晚的寂寞 枚枚还是奔了 回去 方帮枚枚补习英语 枚枚看着她的日记里的点点滴滴 不禁流泪了 2 1 3 故事结局 冬天到了 枚枚为方和逸织了毛衣 他们都好开心 有天夜里醒来 枚枚看 到方憔悴的身影 很心疼 好伤心 日子就这样平淡的继续 一年后 方考上 了研究生 枚枚为她高兴 他们一起出去逛街 去庆祝 方走了 她经常会打电 话来讲一些学校里的事情 慢慢的 枚枚发现方会经常提到广这个他们学校里别 的系的男生 于是他们的关系开始慢慢有了些变化 枚枚和逸去学校看方 方和 广在打羽毛球 晚上 他们去吃肯德基 聊了些过去的和现在的事情 第二天 逸做了方喜欢的小鸡炖蘑菇 盐放多了 他们却也吃的干干净净 枚枚喝多了 睁开眼时 逸拿了毛巾给她 秋天的末尾 天依然湛蓝 阳光温暖 他们都明白 5 了不如一起有爱情才是最好的 2 1 4 设计思想 本文选用该小说的故事情节发展为 FLASH 设计的线索 也是主体 从故事 展开 高潮与结尾我分为了三幕来制作 本文将详细介绍每一幕随着情节发展制 作时用到的技术 因为该 FLASH 以观赏为主 所以制作中鼠标 键盘等控制 FLASH 技术便没有涉及 而更加注重其观赏效果 2 1 5 故事流程图及主要技术 图 2 1故事流程图 其中 用到的主要技术就是 photoshop 对图像的绘制及处理 FLASH 对 图像的连接及效果制作及声音的选取与加载 其中效果制作主要用到了逐针制 作 补间动作 遮罩和引导等图层应用 与脚本编程等等 具体制作操作过程将 6 在后边功能实现单元详细介绍 2 2 素材准备2 2 素材准备 我从互联网上搜集了跟该动画相关的素材 然后用图片与声音处理软件进行 加工 然后变成自己需要的素材 2 3 创作准备2 3 创作准备 2 3 1 人物创作 通过对该小说主人公的理解与个性分析 定型为 主角一 沈枚琦一个温柔 感性 具有中国传统女性特质的女孩 我选择了 深色长发 窈窕时尚的造型 如图 2 2 所示 图 2 2 沈枚琦形象 主角二 方若圆一个相对坚强 有才能 温文尔雅而新潮的女生 我选择了 中长发并时而时尚时而温婉的多变发型配合同样高挑身材的美丽造型 如图所 示 7 图 2 3 方若圆形象 主角三 逸帅气 有才并很受女生欢迎的男性 我选择了平头 干练 很阳 光又比较时尚的型男造型 如图 2 4 所示 图 2 4 逸形象 主角四 广没有很多正面描述的男二主角是个才识深厚的研究生 所以我选 择了头发书生 佩有眼镜较为文人的斯文造型 如图 2 5 所示 8 图 2 5 广形象 配角 逸妈妈只涉及到了她的背影和脚 马路行人年轻 朝气 时尚为主造型 如图 2 6 所示 图 2 6 马路行人形象 2 3 2 场景创作 根据不同的情节环境创造了多个互相不同的场景 有以办公环境为主的 有 户外环境 有自然风景 有繁华都市 有温馨居住 有城市夜景 有书香校园 都将在作品中一一呈现 例如 9 图 2 7办公环境场景 此场景为方办公的截取场景 画面集中反映了方的健谈与朝气和对工作的无 比热情和投入 镜头的切换采用了淡入淡出的效果 并加入了缓缓显示出了方的 心情的想法 要想一下明天的安排 的字样 增添了其内容的趣味性的同时更加 强调了此场景的主题 此场景主要采用技术的是逐针制作 图 2 8温馨居住场景 1 此场景为方与枚枚租住的两套两居室的房子之一 此为方居住的靠阳光的那 套 枚枚居住的靠街区的那套防止重复啰嗦暂时不展示出来 到时可以在作品中 欣赏到 此镜头为房间展示镜头 与上一个镜头的过渡采取了图片流动的效果 此效果主要运用了 FLASH 中遮罩技术 使静态的图片犹如流水般运动起来 与下 一个镜头的切换则采用棋盘式移入的效果 因为下一个效果为枚枚的房间展示 且房间相邻 故采用此效果最为贴切 10 图 2 9 温馨居住场景 2 此场景为逸妈妈来看逸时 为他带来家乡的咸水鸭的展示 主要体现了他们 在一起时的温馨幸福感 镜头之间的切换主要同样采取淡入淡出效果 图 2 10 城市夜景场景 1 此场景为枚枚与方初识不久变成了好朋友 夜里出去散心的背景 宁静的城 市夜晚 方与枚枚踏着轻快的步伐开心的走着聊着 镜头的切换采用拉近镜头到 人物的方法 之后出现了弥红字样 FRIEND 其弥红效果由 actionscript 脚本语言 实现 其代码见附录 11 图 2 11 城市夜景场景 2 此场景为枚枚看不到他们感情的未来绝望时决定搬回公司去住 寝室的阳台 景 主要表现了主人公内心的伤感与孤独 与上一镜头的切换采取对角百叶窗式 渐入效果 由遮罩效果实现 与下一镜头的切换有棋盘式移动实现 图 2 12自然风景场景 1 此场景为秋季外景 表现了主人公内心的凄凉 与季节相相辉映 在此场景中 设置了很多彩色气泡渐渐飞舞下落的特效 与背景颜色互相照应 增添了画面的 观赏性与人物内心的朦胧感 其效果主要采用逐针制作创作 12 图 2 13自然风景场景 2 此场景为第三幕的的第一个镜头 为冬季的雪景 在承接上文秋季到冬季的 自然交替之外 也引出了他们感情关系开始发生转变 配以寒风的咆哮声 衬托 出了主人公枚枚内心的绝望伤心 同时也顺其自然的联系到枚枚为他们织毛衣这 个小细节 场景的切换同时运用了镜头的拉近与淡入淡出效果 均由逐针动画实 现 图 2 14 繁华都市之街道场景 此场景为枚枚邀约方与逸一起出去逛街庆祝方考到研究生的街市热闹繁华的 景象 通过此鲜艳的画面来展现他们当时的明快的心情 采用了镜头沿马路移动 的衔接效果 由补间动作实现 13 图 2 15 繁华都市之肯德基场景 此场景为枚枚和逸去方学校看方时傍晚去肯德基吃东西的一幕 表现了他们 关系的和睦与大学生活的自由快乐 镜头的切换采取了云朵闪过的效果 在一定 程度上增添了其趣味性与赏心悦目性 更加突出大学圣生活的无拘无束性 图 2 16 青青校园场景 此场景为枚枚刚到学校看方时 方与广还有其他同学打羽毛球的场景 为了 更加突出青青校园的气氛 我在场景中添加了蝴蝶翩翩飞舞的特效 其主要由 AS 代码实现 代码见附录 2 4 声音准备2 4 声音准备 根据不同的场景我搜集了不同的声音 例如电脑前的打字声音 夜晚寂静中 的昆虫发出的细微叫声 繁华都市嘈杂的声音 根据小说内容完成的对剧情的配音 其中也分为了两个部分 前半部分配音 的录制主要有母旋完成 后半部分因其有事由我来完成 但都是一个整体 不会 影响到故事的连贯与完整性 根据情节的氛围我还找了一些背景音乐 音乐可以说是动画中一个不可缺少 的元素 给动画加入恰当的音乐 能给动画增添不少色彩 能使场景更加感人 使作品更具试听感 14 2 5 必要的工具2 5 必要的工具 如笔 纸 用于绘制草图 CorelDRAW 等等 15 3设计构思3设计构思 3 1 设计目标3 1 设计目标 从选题 创意 结构化分析 素材准备 动画分解制作 动画组合 动画 程序编写 全面考虑作品的创造力 交互式 观赏性 大众化娱乐性 功能性 技术性 积极性 相关性等 动画设计时兼顾以上知识点 可延伸至美术与艺术 性供大家分享 3 2 设计流程3 2 设计流程 3 2 1 基本流程 基本制作流程为 选题 创意 结构化分析 素材准备 动画分解制作 动 画组合 动画程序编写 设计流程如图 3 1 所示 测试发布 图 3 1 设计流程图 WaveCN 2 0 0 5 不如一起有爱情 Photoshop CS3Flash CS3 录音制作 素材处理 制作动画 观看动画 后期处理 16 3 3 开发平台3 3 开发平台 动画采用 Flash CS3 进行设计 以 Photoshop CS3 和 WaveCN 2 0 0 5 作为 动画辅助制作软件 选用 Photoshop CS3 主要完成相关图片 素材 的处理 制 作 选用 WaveCN 2 0 0 5 主要完成配音的录制和剪裁 调制 17 4功能实现4功能实现 4 1 设计工作4 1 设计工作 4 1 1 开场设计 基本上许多动画都会制作一个首页面 即第一个页面 这也是给浏览者的 第一印象 用户通常会根据动画的一个页面来判断该动画的类型 以及对该动画 的制作质量进行评价 所以这里我也制作了一个首页面 并且设置比较久的停留 过程 需要注意的是 在动画停留的过程 可尝试让动画中要显示的内容逐步以 动画形式显示出来 从而达到动静结合的效果 1 第一幕开场背景 作为开场动画 我决定用一个卷轴的打开为展开后 续的引导 2 依次单击 插入 新建元件 弹出 创建新元件 对话框 选择 图形 选项 然后单击 确定 按钮 3 选择渐变工具 绘制如图 4 1 1 1 所示的红色图形效果 4 再用矩形工具画一个黑色的细长矩形 将两个矩形放在一起并居中对 齐 5 用挑选工具将黑色矩形的两端调整成弧形 然后将两个卷轴一起选中 并 Ctrl G 群组 就得到了如下图 4 1 的效果 图 4 1 卷轴 6 用矩形工具画一个矩形 轮廓宽度为 2 Ctrl R 导入已绘制好的背景 图片到舞台 用任意变形工具将图画调整到合适的大小 放在背景中央位置 再 18 用矩形工具画一个黑色的矩形放在图画后面 用任意变形工具将黑色的矩形调整 到合适的大小 形成图画的黑边框 效果如图 4 2 所示 图 4 2 画卷 7 选中画好的卷轴 按住 Alt 键水平拖动就能复制出另外一根 将它们 并排放在图画的一端 选中右边的卷轴 Ctrl Shift D 将它分散到新的图层并 命名为 bar2 用矩形工具画一个白色的大矩形放在这根卷轴的下面 矩形 要大到盖住下面的图画 将这根卷轴和白色矩形 Ctrl G 群组 在 图层 3 层 的第 50 帧处按 F6 插入关键帧 并添加动画补间 在第 50 帧上将本层上的卷轴 和白色矩形调整到图画背景的右端 如图 4 3 所示 图 4 3 卷轴加载 8 第二幕开场制作 此幕开场设计模仿影片的剪辑效果 主要用 action script 代码实现 讲在下边列出详细代码 9 此幕开场延用了上一幕的开场图片 采用淡入 淡出的效果如图 4 4 19 所示 图 4 4 效果图 10 图片淡入淡出效果制作 单击 文件 导入 导入到库 将会 弹出 选择导入文件到库 对话框 在此对话框中 选择需要导入的背景图 片素材文件 然后打开 窗口 库 面板 并选中刚导入的文件 拖动 到场景中 调整大小 使其刚好与舞台一样大小 再单击第一帧 按 F8 键 弹出转换为原件对话框 在名称处改名为开场 单击确定 如图 4 5 所示 图 4 5 元件转换图 11 再单击此图片选中 在下边属性栏里颜色下拉列表里选择 alpha 并 将其值设置为 20 再选择 20 帧 按 F6 插入关键帧 再单击选中图片在颜 色栏里选择 无 在 1 到 20 帧之间任意一帧处右击选择创建补间动画即做 出图片的淡入效果 淡出效果同理 20 12 文字的淡入淡出效果 同上 在图片淡出的同时淡入 第三幕 字样 效果如图 4 6 所示 图 4 6 文字效果图 13 第三幕开场制作 第三幕的开场更换了背景 开场的效果为 5 颗跳动 的红心随机移动与跳动在渐渐淡出第三幕的字样 主体也为红心效果的制 作 主要用到为 actionscript 编程技术 也将在下边详细列出 具体效果 也将在作品中完全展现 这里不再多叙 4 1 2 模块设计 动画的全长为 25 分钟 制作的模块众多 这里我将选择一个具有代表性的 模块制作过程详细记叙 每一幕都需要场景的切换 这里以制作中遇到的图片切 换为例介绍场景的切换过渡 在之前一个背景的基础上导入下一幅背景图片 并适当调整图片大小 使其 与舞台一样大小 如图 4 7 和 4 8 所示 图 4 7 前一场景 21 图 4 8 下一场景 按 F8 新建一电影符号 命名为 mc1 在电影符号 叶片 中画一无线框 的长矩形 长 550 同主场景的宽 高 40 主场景的 1 10 大小 并让其中心对 齐 如图 4 9 所示 图 4 9 长矩形 在第 30 帧处插入关键帧 将矩形尺寸改为 550 1 如图 4 10 所示 图 4 10 修改尺寸 设置 1 30 帧为 Shape 形状 动画 并在第 30 帧中加入 stop 如图 4 11 所示 图 4 11AS 加载 新建一电影符号 命名为 分散式直接复制 7 进入到 分散式直接复制 7 符号中编辑 Ctrl L 打开库面板 并拖出 mc1 电影符号 并创建建 21 个 图层 分别隔两帧拖入一个 mc1 电影符号 并使其整齐地排列 完全复盖主 22 场景 如图 4 12 所示 图 4 12 分散式直接复制 回到主场景中 并新建一图层 命名为 mc2 把 分散式复制 7 电影 符号拖入进来 并中心对齐 设置 mc2 层为遮罩层 右击 遮照 如 图 4 13 图 4 13 遮罩层 这时我发现 图片没能完全切换 还有一个小条 没加 stop 除外 这时我 们可以修改一下 mc1 符号 进入 mc1 电影符号中 在第 31 帧中插入一空 白关键帧 快捷键 F7 并把第 30 帧中的 stop 删除 在 31 帧中加入 stop 得到了希望的效果 如图 4 14 所示 图 4 14 图片切换效果 23 4 1 3 结尾设计 通常来说 动画的最后页面也是非常重要的 这标志着一个动画即将制作完 毕 第一幕的结尾我运用遮罩效果与补间动作以一首一剪梅的毛笔写字效果结 尾之后 右下角渐渐淡出完字 效果如图 4 15 所示 图 4 15 结尾效果图 第二幕的结尾只以简单的完字结束 但在字角有翩翩飞舞的美丽蝴蝶 主要 用 actionscript 编程加 flash 绘图技术完成 效果如图 4 16 所示 图 4 16 结尾文字效果图 第三幕的结尾先以一首总结全部故事的诗朗读配以字幕过幕效果 引入最后 淡入的剧终字样结束全部制作 最终效果如图 4 17 所示 24 图 4 17 结尾总效果图 4 2 编程代码4 2 编程代码 动画设计时 要进行以下几部分编程 1 第 1 部分为第二幕开场所涉及的电影剪辑效果制作 选择第 1 帧 按 F9 在面板上添加程序 程序流程图所图 4 18 所示 25 开始 周期 round 30 循环变量 i 0 Radom 50 Speed radom 50 25 this width Math random 2 this alpha random 40 this x 5this x 0 this x 0this x 550 i550 this x 0 else if this x 0 this x 550 不然就跑出舞台了 if i round this x speed if Math abs Number speed 10 speed random 50 25 如果速度小于 10 else i 1 27 this width random 20 随机宽度为 1 到 20 this alpha random 40 10 透明 10 到 40 与上面重复增强闪烁效果 updateAfterEvent 更新舞台 speed random 50 25 重设速度 i 2 第 2 部分为第三幕开场时的随机跳动的红心的效果制作 操作同上 程序如下 xmin 300 xmax 580 ymin 20 ymax 180 speed 10 eanum 5 for i 1 i eanum i sm duplicateMovieClip m i i this m i xran random root xmax root xmin root xmin this m i yran random root ymax root ymin root ymin this m i onEnterFrame function if Math round this x this xran this x this xn 28 this xn this xran this x root speed else this xran random root xmax root xmin root xmin if Math round this y this yran this y this yn this yn this yran this y root speed else this yran random root ymax root ymin root ymin updateAfterEvent root onEnterFrame function this m Math ceil Math random root eanum 50 play 还有就是制作了一个心跳动的影片剪辑 要在第一帧处加如下动作 Stop 另外在不需要这个动画时 还要在该帧处加动作 delete this onEnterFrame 其他模块与结尾部分详细程序见附录 4 3 整合优化4 3 整合优化 在每一幕制作与完成之后都要用 ctrl enter 测试 发现一些错误或影响到动 29 画播放效果时就回到源文件中改过 直到满意为止 此时就将动画设置发布 单 击 文件 发布设置 在弹出的对话框中类型选择 flash 和 HTML 如图 4 19 所示 图 4 19 发布设置 单击确定 再单击 文件 发布 就会出现发布进度条 如图 4 20 所示 图 4 20 发布进度条 发布成功后的网页播放效果如图 4 21 所示 图 4 21 网页播放效果 30 5结论5结论 制作一个吸引浏览者的 Flash 作品 必须要有丰富的想象力 只有敢于想象 才能制作出优秀的 Flash 作品 只有选题新颖 赋予新意的作品才能让浏览者驻 足 31 致谢致谢 通过这次毕业设计 让我在原有的基础上有了进一步的提高 且学会了 Flash 的更多知 识 在此非常感谢担任动画技术设计课题的指导老师程细柱老师 谢谢他对我们的精心指导 与帮助 其次 感谢徐海滨的辅助制作与母旋的帮忙配音 因为大家的帮助 才有今天的制 作成果 32 参 考 文 献参 考 文 献 1 中文 Flash CS3 动画制作 M 北京 清华大学出版社 2 FLASH 动漫设计 M 北京 清华大学出版社 3 览众 邱丽英 FLASH CS3 无敌课堂 M 北京 电子工业出版社 4 蒋振东 杨斌斌 不如一起有爱情 M 北京 中国青年出版社 5 吕燕茹 赵衍雷 路红 Flash 动漫设计项目案例 清华大学出版社 6 FLASH MX Professional 2004 应用开发 M 北京 Jeanette Stallons 33 附录附录 1 第一幕出现的互相帮助后边的烟花 在每个烟花的图形元件进入舞台后需添加程序 this removeMovieClip stop 2 在第一个升入空中之后添加程序 num 15 root fire1 circle i 0 root fire1 circle visible 0 root fire1 circle onEnterFrame function if this i num for j 0 j num j this duplicateMovieClip circle this i this i root fire1 circle this i rotation 360 num this i this i 第二个升入空中之后加 num 12 root fire1 circle i 0 root fire1 circle visible 0 root fire1 circle onEnterFrame function if this i num for j 0 j num j this duplicateMovieClip circle this i this i root fire2 circle this i rotation 360 num this i this i 34 第三个升入空中加 num 10 root fire1 circle i 0 root fire1 circle visible 0 root fire1 circle onEnterFrame function if this i num for j 0 j num j this duplicateMovieClip circle this i this i root fire3 circle this i rotation 360 num this i this i 第四个升入空中后加 num 15 root fire4 circle i 0 root fire4 circle visible 0 root fire4 circle onEnterFrame function if this i num for j 0 j num j this duplicateMovieClip circle this i this i root fire4 circle this i rotation 360 num this i this i 35 第五个升入空中后加 num 20 root fire4 circle i 0 root fire4 circle visible 0 root fire4 circle onEnterFrame function if this i num for j 0 j num j this duplicateMovieClip circle this i this i root fire5 circle this i rotation 360 num this i this i 在主场景中第一帧中加 num 10 root fire1 circle i 0 root fire1 circle visible 0 root fire1 circle onEnterFrame function if this i num for j 0 j num j this duplicateMovieClip circle this i this i root fire1 circle this i rotation 360 num this i this i 3 在第一幕中飞舞的枫叶的代码 在该效果的最上图层的第一帧处添加 randomTime 50 36 scene width 550 scene height 284 alphaTime 100 i 1 root leaf visible 0 root leaftwo visible 0 root leafthree visible 0 root onEnterFrame function if random randomTime 0 mc root leaf duplicateMovieClip leaf i i mc xscale random 100 50 mc yscale root leaf i xscale i if random randomTime 0 mc root leaftwo duplicateMovieClip leaftwo i i mc xscale random 100 50 mc yscale root leaftwo i xscale i if random randomTime 0 mc root leafthree duplicateMovieClip leafthree i i mc xscale random 100 50 mc yscale root leafthree i xscale i 4 第一幕中的蓝色蝴蝶飞舞的代码 在该效果的最上图层的第一帧处添加 37 root tnum 1 zpo onEnterFrame function this x Math random 600 this y Math random 400 this duplicateMovieClip star root tnum root tnum this rnum Math random 100 10 root star root tnum xscale this rnum root star root tnum yscale this rnum root tnum 5 在第二幕中绿色的字幕下落的效果代码 需要先创建两个影片剪辑 在第一个影片剪辑的最上图层的第一帧处添加 num random 10 在第二个影片剪辑的最上图层的第一帧处添加 var i 1 while i 300 38 n 0 6 第二幕中的下雨效果代码 在文件中 aothor 层中添加 var expandmenu new ContextMenu expandmenu hideBuiltInItems 参数用法 new ContextMenuItem caption callbackFunction separatorBefore enabled visible var menu1 new ContextMenuItem menu1 false false true var menu2 new ContextMenuItem menu2 false true true var menu3 new ContextMenuItem menu3 false true true var menu4 new ContextMenuItem menu4 true true true var menu5 new ContextMenuItem menu5 false true true expandmenu customItems push menu1 menu2 menu3 menu4 menu5 expandmenu onSelect menuHandler root menu expandmenu 在 as 层此帧位置加 num 100 雨滴数量 rotate 15 雨滴角度 root rain visible false 在 as 层下一帧位置加 for n 1 n 50 this movin Math floor Math random 4 this timem 0 else this timem if this movin 1 this dx Math cos this ang this speed this dy Math sin this ang this speed this x this dx this y this dy this ang Math random 0 5 this rotat