收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
Flash进度条|Loading|增加场景制作Loading教程         
Flash进度条|Loading|增加场景制作Loading教程
作者:冰山雪莲 文章来源:闪吧 点击数:2122 更新时间:2010-12-18 4:30:33

增加场景制作Loading教程

很多朋友在做作品的时候,事先没考虑到Loading的问题,在作品完成想要发布的时候,想到文件有些大,要加一个loadiing下载按钮,增加一个“场景2”,这个“场景2”就是我们用来做loadding的场景。托动“场景2”的到“场景1”"上面,这样做的是因为播放动画是按照场景的先后顺序播放的,我们要先播放Loading的场景,请看(图1)

二:增加--图层

在“场景2”中,点时间轴下的增加图层“+”按钮,建立4个图层,

从上到下分别命名为:action层、进度条层、按钮层、动画层。请看(图2)

三:AC控制层--添加动态文本变量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测试状态下,“查看”菜单下面是没有这个选项的。)

问题提示:

有人做的进度条动态文本可能会显示不全,应该检查动态文本字体的大小,与动态文本框的大小是否相符。

另外,修改语句中:loadtxt = "****"+load+"%";中****的字体,不一定非用字母显示。也可以写上"进度"或"下载";进度条的MC元件,也可以做成其它的MC元件。灵活运用就可以避免都是同一模式。

--------------------------------------------------------------------

请点击以下链接学习各种不同的制作方法:

新手必看:Loading制作    更加简单的Loading制作方法    纯AS的Loading...很实用   精确loading的制作

纯AS的Loading预载画面效果四例    标准的 loading 制作方法    增加场景制作Loading教程   

带进度条的Loading制作   纯AS的Loading效果四例     Flash加载进度条教程    进度条控制影片播放

Flash进度条加载的显示    完美loding制作    Flash制作好看的影片指导进度条    AS3.0的loading制作

文章录入:晴天    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长