flash进度条制作.docx
- 文档编号:12027156
- 上传时间:2023-04-16
- 格式:DOCX
- 页数:8
- 大小:569.95KB
flash进度条制作.docx
《flash进度条制作.docx》由会员分享,可在线阅读,更多相关《flash进度条制作.docx(8页珍藏版)》请在冰豆网上搜索。
flash进度条制作
几乎所有优秀成熟的Flash作品都少不了FlashLoading的画面(也就是我们常说的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插入普通帧。
下图↓
4、选中“进度条”层,选择文本工具“A”,在舞台合适的位置加入一个动态文本框(文本框是动态的写入程序运算后的百分比结果的),在属性面板上设置文本类型:
动态文本,字体:
Arial变量名:
loadtxt,单行,字体大小颜色自定义。
请看下图:
五、按钮层--添加播放按钮
1、在“按钮层”第6帧按(F7)插入一个空白关键帧,选择窗口菜单下公用库,打开按钮库,托出一个自己喜欢的播放按钮,摆放到舞台合适位置并调整大小。
有时间可以自己做一个和你的作品风格统一的按钮。
2、选中舞台上的按钮元件:
窗口--动作(F9)打开动作面板,给按钮加上下面的代码:
on(release){//释放按钮
gotoAndPlay("场景1",7);//跳转并播放场景1的第7帧
}
选中舞台上的按扭元件,打开动画板面,快捷键F9添加代码。
六、动画层--放置动画MC
现在loading就能用了,但为了让等待画面好看可以在“动画层”加入动画MC。
我们可以自己做一个动画的MC,或者把场景1作品中比较漂亮的影片剪辑加入到“动画层”,放到合适的位置,也可以自己去创意。
七、测试保存。
Ctrl+Enter测试影片
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flash 进度条 制作