一个简单的Loading
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
一个简单的Loading 一个简单的Loading制作并不需要很高深的编程基础,而且大部份设计人员开始学习Flash脚本编程时都是从Loading开始学起的。也是因为制作Loading对于动画传播方面起着至关重要的作用。 步骤一、打开Flash5,新建一个文件。在影片的默认设置中背景色是白色的,动画将以每秒十二帧的速度播放,这些你可以通过点击Modify|Movie命令打开Movie Properties对话框观察到。如图4-1所示。但是实践告诉我们,使用影片默认设置制作的动画,在网上浏览时,并不能很流畅,所以设计人员一般喜欢把默认的每秒12帧更改的高一点,这样就可以在发布了以后观看到比较流畅的动画了。 图4-1 Movie Properties对话框 步骤二、在影片的第一帧,使用Window|Panels|Stroke命令打开Stroke笔触面板,将笔触的宽点拉杆拉到3,如图4-2所示。 图4-2 用Stroke面板改变笔触粗细 步骤三、点击绘图面板中的方形绘图工具。在绘图面板Colors项上面的油漆桶工具中把色彩选为红色。然后在场景中绘制出一个长方形,如图4-3所示。 图4-3 绘制一个长方形进度条 步骤四、在编辑区内用鼠标点击长方形的红色处,你会发现色彩出现了很多小麻点,已经处于了被选取状态。 步骤五、点击Insert|Convert to Symbol,将红色长方形转换为符号,在随后打开的Symbol Properties对话框中的Name输入框输入符号的名称为Loading。然后选择Movie Clip电影剪辑项,点击OK。 步骤六、现在点击红色长方形你会发现它已经不再出现小麻点了,而是出现了一个蓝色的外框,因为它已经是一个符号了。现在选Window|Panels|Instance命令打开Instance实例面板。 步骤七、在面板中的Name项中输入名称Loading,为这个符号取了一个分身名称。如图4-4所示。 图4-4 为进度条符号取分身名称 步骤八、在时间轴的第二帧按F6键,插入一个关键帧。 步骤九、用鼠标双击此帧打开帧的Action面板。我们要开始制作预载动画的程序了。 步骤十、双击Action面板左边的指令里的Actions项,在打开的指令里选择if,用鼠标又击,if指令出现在编辑区了。 步骤十一、在Action面板的下半部份参数输入区里Condition输入栏中输入代码_framesloaded>=_totalframes。如图4-5所示。 图4-5 在if指令参数框内输入代码 步骤十二、然后点击指令区的Basic Actions命令集里的goto指令,在随后的参数输入框内的Frame栏目中输入数字3。如图4-6所示。 图4-6 goto指令的参数输入栏 步骤十三、然后点击 Actions指令集中的else项。 步骤十四、再次点击goto指令,这回不用更改帧序列数字了。 步骤十五、点击Action指令集的Setproperty指令,选择Properties下拉框中的_xscale属性,然后在Target输入栏中输入“_root.loading",点选后面的Expression单选框项目。 步骤十六、在Value输入栏中输入代码(_framesloaded/_totalframes)*100,点选后面的Expression单选框。 图4-7 Setproper指令参数输入框 步骤十七、指令已经输入完毕了。接下来开始在第三帧后面制作你的动画,然后发布,上传,观看。你也可以打开Control|Debug Movie测试电影,在随后打开的浏览窗口中使用Debug菜单中的模拟下载速度来测试。 程序解读: 第1-2行中if(_framesloaded>=_totalframes)句的意思是当已经下载的帧数大于等于影片的总帧数时,跳转到第三帧开始播放。 第3-5行,如果下载的帧数小于总帧数的话,跳转到第一帧播放。并且安装分身名称为loading的电影剪辑的长度属性,使它的长度成为已经下载的帧数除以总帧数再乘100。 知识要点: Loading制作很多设计人员喜欢使用帧行为,其实用很多的功能都可以实现Loading制作。本例中使用(_framesloaded/_totalframes)*100的表达式来制作进度条的宽度。其它Loading制作方法不管是用下载时间函数还是用下载字节函数,但下载数除以总数乘以100的表达式基本上是没什么变化的了。 关键词: |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: 利用FLASH MX制作动感的水中倒影下一篇: Flash文字特效:雪落樱花舞
关于一个简单的Loading的所有评论