论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

增加场景制作Loading教程

文章类别:Flash | 发表日期:2008-9-21 20:11:53

  

本教程来源效果演示预览请点击:http://www.flash8.net/film_show.asp?id=4435

使用软件:Flash MX

教程制作:冰山雪莲

教程的具体内容

很多朋友在做作品的时候,事先没考虑到Loading的问题,在作品完成想要发布的时候,想到文件有些大,要加一个loadiing下载动画,假如在同一场景前添加loading,作品比较大,托动所有帧比较麻烦,往往一不小心还轻易出错,这是初学者经常碰到的问题,这里介绍一种简单的增加场景制作loading的方法,本实例中只显示进度条和下载的百分比。

打开一个你的作品或练习的源文件:

一:增加--场景

选择修改菜单下的场景(shift+F2)打开场景面板,点击场景面板右下角“+”按钮,增加一个“场景2”,这个“场景2”就是我们用来做loadding的场景。托动“场景2”的到“场景1”"上面,这样做的是因为播放动画是按照场景的先后顺序播放的,我们要先播放Loading的场景,请看(图1)



二:增加--图层

在“场景2”中,点时间轴下的增加图层“+”按钮,建立4个图层, 从上到下分别命名为:
action层、进度条层、按钮层、动画层。请看(图2)



三:AC控制层--添加代码:

1.选中action图层,选中第一帧在属性面板<帧标签>处,写上"play"(加上帧标签play),然后窗口--动作(F9)打开动作面板,复制下面的代码并粘贴见(图3)。

// 将电影总字节数赋值给total变量
total = _root.getBytesTotal();
// 将已经下载的字节数赋值给loaded变量
loaded = _root.getBytesLoaded();
// 取整计算已下载的字节数的百分比并赋值给变量load
load = int(loaded/total*100);
// 把已下载的字节数赋值给动态文本变量loadtxt
loadtxt = "loading"+load+"%";
// 进度条同时按百分比数跳转到相应的帧上去;
_root.进度条.gotoAndStop(load);



2.在第6帧(F7)插入一个关空白要害帧,复制下面的代码并粘贴,请看(图4)

//假如下载字节数=总字节数,跳转到6帧停止
if (loaded == total) {
gotoAndStop(6);
//否则跳转到标签名"play"的帧,继续下载
} else {
gotoAndPlay("play");



四:创建进度条影片剪辑:

1.(Ctrl+f8)插入--新建元件--影片剪辑,命名为:"进度条"。 在这个MC上,建立了两层,分别为“边框线”、“填充色”(图5)

2. 在“边框线”层,选择矩形工具,边框及填充颜色自定义,画一个矩形,在属性面板设置:宽:300;高:24;X:-150,Y:-12。在100帧处F5插入普通帧。选中矩形里面的填充色(Ctrl+X)剪切,粘贴到“填充色”层第一帧(Ctrl+Shift+V)选择编辑菜单下的粘贴到当前位置,调整填充色颜色,在100帧处F6插入要害帧,选中第一帧创建“外形”动画,在第一帧将矩形宽改为:3。双击矩形框在属性面板把笔触调整为:2,颜色自定义。请看(图5)



五:进度条层--设置进度条及动态文本:

1.回到场景2中把刚做好的“进度条”MC从库中拖放到“进度条”这一图层的第一帧上,放到合适的位置。然后选中舞台中的“进度条”MC,在属性面板上写上实例名“进度条"。在第6帧按F5插入普通帧。

2.选中“进度条”层,选择文本工具“A”,在舞台合适的位置加入一个动态文本框(文本框是动态的写入程序运算后的百分比结果的),在属性面板上设置文本类型:动态文本,字体:Arial 变量名:loadtxt,单行,字体大小颜色自定义,相关参数请看(图6)



六:按钮层--添加播放按钮:

1.在“按钮层”第6帧按(F7)插入一个空白要害帧,选择窗口菜单下公用库,打开按钮库,托出一个自己喜欢的播放按钮, 摆放到舞台合适位置并调整大小。(本例中选择的是:playback---playback-play)有时间可以自己做一个和你的作品风格统一的按钮。

2.选中舞台上的按钮元件:窗口--动作(F9)打开动作面板,给按钮加上下面的代码:

on (release) {//释放按钮
gotoAndPlay("场景 1", 1);//跳转并播放场景1的第1帧
}

注:这里的场景 1是你要播放的第一个主动画的场景名字,可根据你作品实际情况填写。

七:动画层--放置动画MC:

现在loading就能用了,但为了让等待画面好看可以在“动画层”加入动画MC。我们可以自己做几个动画的MC,或者把场景1作品中比较漂亮的影片剪辑加入到“动画层”,放到合适的位置,也可以自己根据作品的需要去创意。



八:测试保存:

Ctrl+Enter 测试影片。假如作品比较小,在测试的时候loading会瞬间就过去了,告诉大家一个简单看见完整地loading的办法: 在测试影片的时候,注重一定要在Ctrl+Enter以后,选择“查看”菜单下的“显示数据流”就可以慢慢的欣赏loading的全过程了。



(注:没有在 Ctrl+Enter测试状态下,“查看”菜单下面是没有这个选项的。)
LOading制作的源文件下载: http://www.flash8.net/bbs/uploadfile/2003102617345159898.rar

上一篇:{教程}[原创]编程基础讲解 人气:2189
下一篇:{教程}Flash MX 2004 初之体验 人气:2580
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058