基于Flash CS4中AS3多媒体演示动画设计与实现.docVIP

基于Flash CS4中AS3多媒体演示动画设计与实现 　　 摘 要:多媒体演示动画是Flash动画有广阔前景的一个应用领域。本文阐述了多媒体演示动画完整的设计与实现过程,并详细介绍了如何利用AS3实现影片的跳转、音乐的添加等制作过程中常用的功能。 　　 关键词:多媒体演示动画;Flash CS4;AS3 　　 中图分类号:G434文献标识码:B 文章编号:1673-8454(2009)22-0065-02 　　 　　 随着多媒体技术的飞速发展,各种各样的多媒体演示动画在教育领域中发挥着越来越大的作用。其丰富的表现力、生动的视觉及声响效果,大大增强了所演示信息的吸引力。笔者结合自己的设计经验,以大型项目的一个分支――多媒体演示动画《有趣的海洋生物》为例,总结了多媒体演示动画的设计与制作过程,探索了如何在AS3环境中实现多媒体动画制作中常用的功能。 　　 　　 一、前期构思 　　多媒体演示动画《有趣的海洋生物》的设计目的主要是向观看者介绍丰富多彩、生动有趣的海洋生物。动画定位于科普类动画,面向的受众群体主要是青少年。在表现内容时,总体设计应遵循以下原则: 　　1.内容通俗易懂,强调科普性。 　　2.整体色彩自然、明快,符合青少年心理。 　　3.整体设计风格一致,同时各个页面各具特点。 　　4.图片及视频片段的剪辑应做到典型、丰富、画龙点睛。 　　5.动画和视频剪辑均伴以配音或相应的背景音乐,按钮应配有提示音。 　　6.背景音乐根据各专题的内容,基本上考虑以轻松明快的音乐为主。过场音乐要求恢弘、动感十足。 　　7.界面中基本按钮设置有:海洋植物、海洋鱼类、海洋哺乳动物、返回。按钮图标保持一致。 　　8.不同的页面可以灵活跳转。 　　设计之初,首先从书籍、网络等媒体广泛收集资料,初步确定介绍三种最主要的海洋生物:海洋植物,海洋鱼类,海洋哺乳动物,列出内容的结构体系:主页面为目录页面,3个子页面分别为海洋植物,海洋鱼类,海洋哺乳动物页面。 　　 　　 二、画面设计与制作 　　 在Flash舞台工作区,根据要表现的内容,利用绘图工具、选择工具、颜色填充等基本工具,制作相应的图形元件、按钮元件、影片剪辑元件。分别把目录页面、海洋植物页面、海洋鱼类页面、海洋哺乳动物页面的内容放置在时间轴各个图层的第一帧、第二帧、第三帧、第四帧上。这里用到的制作方法和Flash CS4以前版本基本相同,就不一一赘述。效果如图1所示。 　　三、AS3动作脚本的编写 　　 Flash CS4中的脚本语言ActionScript3,与以前的ActionScript2和ActionScript1有着本质的不同,代码的编写和AS2、AS1也有很大的区别。下面详细介绍如何利用代码实现不同页面的跳转及不同页面背景音乐的添加。 　　 1.不同页面的跳转 　　 在属性面板中为海洋植物、海洋鱼类、海洋哺乳动物、返回按钮分别命名为zhiwu_btn、yu_btn、buru_btn、fanhui_btn,在时间轴上添加一个新的图层,在第一帧的动作面板中输入以下代码: 　　stop(); 　　function plyzw(event:MouseEvent):void{//定义函数plyzw,指针跳转到第2帧并开始播放。 　　 gotoAndPlay(2); 　　} 　　function plyyu(event:MouseEvent):void{//定义函数plyyu,指针跳转到第3帧并开始播放。 　　 gotoAndPlay(3); 　　} 　　function plydw(event:MouseEvent):void{//定义函数plydw,指针跳转到第4帧并开始播放。 　　 gotoAndPlay(4); 　　} 　　zhiwu_btn.addEventListener(MouseEvent.CLICK,plyzw); 　　 //为按钮添加鼠标侦听器,单击按钮zhiwu_btn时,执行函数plyzw。 　　buru_btn.addEventListener(MouseEvent.CLICK,plydw); 　　 //为按钮添加鼠标侦听器,单击按钮buru_btn时,执行函数plydw。 　　yu_btn.addEventListener(MouseEvent.CLICK,plyyu); 　　 //为按钮添加鼠标侦听器,单击按钮yu_btn时,执行函数plyyu。 　　在第2帧(植物页面)插入一个空白关键帧,在动作面板中输入以下代码: 　　stop(); 　　function plyml(event:MouseEvent):void{ 　　 gotoAndPlay(1); 　　} 　　bu