增加场景制作Loading教程

作者佚名技术来源服务器技术浏览发布时间 2012-07-09

使用软件：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.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash 5 声音函数详细说明下一篇: Flash Banner 设计的建议

关于增加场景制作Loading教程的所有评论

随机推荐