收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
[图文]精确loading的制作         
精确loading的制作
作者:佚名 文章来源:网络 点击数:1708 更新时间:2010-12-17 2:30:38

完成效果如下:(源文件在此下载

大家知道一般的大作品都要加一个loading动画,以前的loading的判断条件都是靠桢数来判断的,这样做是不准确的,但是也没有其他的办法 。flash5出现后解决了这个问题,其实就是靠他里面的.getBytesLoaded()和.getBytesTotal()两个函数。下面详细讲解此loading的制作。

1.场景的背景选黑色,建立一个Symbol Name取load属性Movie Clip在这个Symbol里面建立一个从1到100桢,大小由24*3到24*450的矩形的渐变,颜色就用红白渐变吧!然后新建一层画一个矩形线框框住刚才的矩形。在第100桢设置Action:Stop();然后新建一层并且使其位于矩形那层的上方,在矩形的中央建立一个文本框,设置Variable为loaded,中间对齐,拖动它在矩形中央。如下图:

2.回到主场景,将刚才的矩形Symbol拖到场景中,设定它的Instance为bar.在场景中新建两个文本框大小都为50*150吧!设置Variable分别为speed和time.

3.新建一层设定第一桢的Action为:

byteloaded = _root.getBytesLoaded();

bytetotal = _root.getBytesTotal();

loaded = int(byteloaded /bytetotal * 100); t = getTimer ();

// 下载速度和百分比

speed = "下载速度:" + int(byteloaded/t * 100)/100 + " K/s";

/bar:loaded = loaded+"%";

bar.gotoAndStop( loaded );

// 时间相关

timeloaded = int(t/1000);

timeremain = int(timeloaded * (bytetotal- byteloaded) / byteloaded);

timeremain = int(timeremain / 60) + "\" + int(timeremain % 60) + "\"";

timeloaded = int(timeloaded / 60) + "\" + int(timeloaded % 60) + "\"";

time = "已用时间:" + timeloaded + "\r" + "估计剩余时间:" + timeremain;

4.第9桢建立关键桢设置Action为:

if (byteloaded == bytetotal) {

gotoAndPlay ("ok");

}

else { gotoAndPlay ("loop");

}

5.第10桢建立关键桢设置Label为:ok.此处就是我们要load的东西,可以是一个场景的开头。在此为了看到load的效果,我放了一个很大的图片

6.设置第1桢Label为:loop.

7.在放置矩形的一层的第10桢建立一桢。

8.好了就这样就可以了。

[1] [2]  下一页

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

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