在论坛和其他网站上经常可以看到新手请教如何制作FLASH进度条的问题,答案各式各样(有图片的稀少),讲的清楚,但是新手不懂怎么做,说了等于白讲,所以小弟在这为大家详细讲解FLASH进度条的制作。网上可找不到这么详细讲解哦,废话不多说,转入正题:
我们先来看看Loading
几乎所有优秀成熟的Flash作品都少不了Flash Loading的画面(也就是我们常说的Flash中的预载画面)。因为如果没有Actionscrip(以下简称AC)对整个动画作品进行控制的话,动画就会边下载边播放,严重地破坏作品欣赏的整体性。而制作一个好的预载画面,一来可以判断动画是否下载完全;二来可以让浏览者在等待中得以欣赏,尤其是一个好的预载动画往往会给浏览者一种震撼。下面我们就来分析一下Loading动画的制作方法。
一、建一电影文件,点时间轴下的增加图层“+”按钮,建立4个图层, 从上到下分别命名为:action层、进度条层、按钮层、动画层。请看下图:
二、AC控制层--添加代码
1、选中action图层第一帧在属性面板处,写上"play"(加上帧标签play)选中action图层第一帧在属性面板处,写上"play"。
然后窗口--动作(F9) 打开动作面板。
// 将电影总字节数赋值给total变量
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);
然后窗口--动作(快捷键F9)打开动作面板输入代码,请看下图↓
然后选中action图层第6帧(F7)插入一个关空白关键帧。
复制下面的代码并粘贴。如果下载字节数=总字节数,跳转到6帧停止。
if (loaded == total) {
gotoAndStop(6);
//否则跳转到标签名"play"的帧,继续下载
} else
{
gotoAndPlay("play");
}
看下图:
三、创建进度条影片剪辑
1、(Ctrl+f8)插入--新建元件--行为为影片剪辑,命名为:“进度条”。 在这个MC上,建立了两层,分别为“边框线”、“填充色” 请看下图:
2、 在“边框线”层,选择矩形工具,边框及填充颜色自定义,画一个矩形,在属性面板设置:宽:300;高:24;X:-150,Y:-12。在100帧处F5插入普通帧。选中矩形里面的填充色(Ctrl+X)剪切,粘贴到“填充色”层第一帧(Ctrl+Shift+V)选择编辑菜单下的粘贴到当前位置,调整填充色颜色,在100帧处F6插入关键帧,选中第一帧创建“形状”动画,在第一帧将矩形宽改为:3。双击矩形框在属性面板把笔触调整为:2,颜色自定义。
←设置后的图
3、回到场景2中把刚做好的“进度条”MC从库中拖放到“进度条”这一图层的第一帧上,放到合适的位置。然后选中舞台中的“进度条”MC,在属性面板上写上实例名“进度条”。在第6帧按F5插入普通帧。下图↓
本文转自:http://www.5uflash.com/flashjiaocheng/Flash-loadingjiaocheng/2972.html
发表评论
-
简单的flash播放进度控制条
2010-04-10 13:21 774实际运用时,将下列源文件中的Control_progress ... -
Flash基础理论课:制作Loading思路详解(附图)
2010-04-10 13:21 524[1b] [/1b] [1b]思路:[/1b] 1、制作一个1 ... -
即拷即用的loading代码
2010-04-10 13:21 597// 设置loading的宽、高、颜色 var loadin ... -
简单的flash播放进度控制条
2010-04-10 13:20 620实际运用时,将下列源文件中的Control_progress ... -
AS3.0教程:强大的事件机制(1)
2010-04-09 13:47 430Event机制作为重头戏,在ActionScript 3.0中 ... -
AS3.0教程:强大的事件机制(1)
2010-04-09 13:46 609Event机制作为重头戏,在ActionScript 3.0中 ... -
AS3.0教程:强大的事件机制(2)
2010-04-09 13:46 568[1b]如何接收事件?如 ... -
AS3.0教程:强大的事件机制(2)
2010-04-09 13:46 635[1b]如何接收事件?如 ... -
AS3.0教程:强大的事件机制(3)
2010-04-09 13:45 5912) addEventListener语法的不同,原因,和co ... -
AS3版本Progressive FLV播放方式
2010-04-09 11:39 740用AS3来实现Progressive FLV的简单播放,下一篇 ... -
AS3版本FMS Streaming FLV播放方式
2010-04-09 11:38 809AS3版本的FMS Streaming FLV ... -
AS3版本FMS Streaming FLV播放方式
2010-04-09 11:38 622AS3版本的FMS Streaming FLV ... -
as3游戏开发之打气球系列(二)
2010-04-09 11:38 504HI,经过了昨天疯狂的理 ... -
我对as3声音架构的理解
2010-04-09 11:38 565一直都对as3的声音架构 ... -
荧火虫flash制作过程
2010-04-08 11:09 662制作过程 步骤如下: 1、启动FLASH ... -
仿导引线环绕效果加仿球体
2010-04-08 11:09 529最终效果: 这是直接利用了与圆弧垂直相切,利用了打散后直接 ... -
仿导引线环绕效果加仿球体
2010-04-08 11:09 504最终效果: 这是直接利用了与圆弧垂直相切,利用了打散后直接 ... -
实时三维动画内核分析
2010-04-08 11:08 498好吧,今天,让未来带 ... -
实时三维动画内核分析
2010-04-08 11:08 561好吧,今天,让未来带 ... -
Flash鼠绘入门第十三课:绘制美丽春日飞燕
2010-04-08 09:22 477相传燕子于春天社日北 ...
相关推荐
JS进度条 flash下载进度条 JS下载flash进度条 JS加载Flash JS加载flash进度条 像4399游戏的FLASH进度条
flash进度条组件,超实用,做网站动画必备
精美的flash进度条,cs4版本编译
卡通的数字百分比flash进度条动画素材
flash带进度条的上传文件,支持一次选多个文件。 里面有Flash源码
进度条2进度条2进度条2进度条2进度条2
一个关于 js 加载 flash 的进度条 像4399 小游戏的JS进度条。
JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例JavaScript制作进度条实例
一款简单的进度条制作,难度不算大,是最基本的AS3.0的内容。
FLASH进度条教程 FLASH进度条教程 FLASH进度条教程
多文件上传+进度条+Flash
进度条 c#经典进度条制作 简单、使用非常简单使用
flash 进度条。遮罩进行,有源文件。是使用flash cs4编的
FLASH开场动画的过度。。实现字体填充来显示是否预载完成
Unity3D教程:进度条制作原理2
结合flash制作的flex进度条,使之更简单。
易语言标签制作进度条源码,标签制作进度条,复制状态,复制
VBA用VBA实现EXCEL中的进度条
jQuery进度条插件制作多种彩色的动画上传进度条效果代码
FLASH多文件上传组件,带进度条 FLASH多文件上传组件,带进度条