Flash MX2004入门与进阶实例:12.4 动画预载的制作方法
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
第十二章 Flash MTV实战演习 第三节 动画预载的制作方法(1) 用Flash创作出来的动画作品被称为网络动画,作品最终是要发布到网上给观众欣赏的。在网上观看动画作品时,由于作品的体积和网速限制,需要装载一段时间才能开始播放,如果没有下载动画的预载画面,页面一片空白没有任何提示,多数观赏者不会有足够的耐心面对空白的网页继续等待,因此需要在作品前面做一个动画预载的等待画面。Flash中的动画预载也就是人们常常提到的Loading,动画预载的画面可以使观赏者了解等待作品需要的时间或下载进度等,有些作品的Loading还体现了作品的风格或内容简介,使观赏者预先知道作品的特色,从而专心等待预载结束来欣赏作品。 1. 简单动画预载画面的制作方法 动画预载与制作MTV一样,根据每个人的喜好和风格的不同,做出来的画面也各具特色,从动画预载的难易程度和创意风格来看分为简单型、精确型、风趣型、个性型和实用型五大类,下面我们来分别介绍。 本例通过学习MTV作品中的动画预载制作过程,来掌握一种简单实用预载画面的制作方法。 本例采用的是增加一个动画预载的场景,它不会影响主动画的制作流程和进度。制作的过程比较简单,只显示预载进度条和百分比,把作品中的主人翁和主要场景作为预载显示画面,通过按钮来控制动画的播放和返回。 图13-5-1 动画预载的播放画面 (1)增加动画预载的场景 在Flash中打开MTV的作品文件。执行【窗口】|【设计面板】|【场景】命令(快捷键Shift+F2),打开【场景】面板,如图13-5-2所示。 图13-5-2 【场景】面板 在【场景】面板中,单击【添加场景】按钮,添加【场景2】,这个【场景2】就是我们用来制作动画预载的场景,如图13-5-3所示。 图13-5-3 增加【场景2】 双击【场景2】,将场景重新命名为“动画预载”,用鼠标拖动【动画预载】场景到【场景1】的上放,释放鼠标,使【动画预载】位于【场景1】的上方,如图13-5-4所示。 ? 图13-5-4 改变场景顺序 说明:动画是按照场景从上到下的先后顺序来播放的,我们首先要播放【动画预载】的场景,所以要拖动它到最上面。 (2)创建动画预载需要的图层 添加完【动画预载】场景后,切换到【动画预载】场景的舞台上,新建4个图层并重新命名,如图13-5-5所示。 图13-5-5 动画预载的图层结构 (3)添加控制层的动作脚本语句 步骤1 添加帧标签 选中【action控制】图层的第1帧,打开【属性】面板,在其中定义帧标签名称为play,如图13-5-6所示。 图13-5-6 加上帧标签 [1]?[2]?[3]?[4]?[5]?下一页?? 第十二章 Flash MTV实战演习 第三节 动画预载的制作方法(2) 步骤2 添加第1帧的动作脚本语句 选中【action控制】图层的第1帧,在【动作】面板中设置动作脚本: total = _root.getBytesTotal(); loaded = _root.getBytesLoaded(); load = int(loaded/total*100); loadtxt = "loading"+load+"%"; _root.进度条.gotoAndStop(load); 以上程序代码的具体功能详细解释如下: total = _root.getBytesTotal();// 将影片总字节数赋值给total变量。 利用“getBytesTotal()”函数能获取影片的总字节数。 loaded = _root.getBytesLoaded();// 将影片已经下载的字节数赋值给loaded变量。 利用“getBytesLoaded()”函数能获取影片已经下载的字节数。 load = int(loaded/total*100); // 取整计算已下载的百分比并赋值给变量load。 利用“int()”函数能将括号里面的数值四舍五入为整数,“loaded/total*100”是“影片已经下载的字节数”除以“影片的总字节数”再乘以“100”,也就是已经下载的百分比。 loadtxt = "loading"+load+"%";// 把已下载的百分比赋值给动态文 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:12.4 动画预载的制作方法的所有评论