纯AS的Loading效果四例
2008-04-02 10:48:18来源：互联网 阅读 ()
前言：稍微大一些的Flash作品在播放之前都会有一个Loading预载画面，这考虑到网络的速度，本地浏览无需等待下载，但传到网上，因为每个用户的网速不同，所以很有必要在我们的作品中加入Loading画面，之前，已有很多教程是关于Loading制作方法的，今天我们给读者讲述四个纯AS的Loading效果，不懂AS的菜鸟或“代码盲”甚至能够直接复制教程中的代码到自己的作品中，懂AS代码的朋友，能够仔细阅读这些代码，从中学到更多的AS知识，或由此引申出更多的AS Loading效果……感谢作者=棉花糖=、egg616、小郎提供源码和思路－－闪客帝国的叶子
一.=棉花糖=的Loading教程
比较简陋
动态显示load百分比
将全部代码拷贝到第一帧，当load完毕后，会自动开始播放
源代码:
stop ();
_root . createTextField ( "myload_txt" , 1 , 0 , 0 , 0 , 0 );
with ( _root . myload_txt ) { //配置文本
background = true ; //文本框是否有背景
backgroundColor = 0x336699 ; //文本框的背景颜色
textColor = 0xFFFFFF ; //文本字段中文本的颜色
type = "dynamic" //文本字段为动态文本
selectable = false ; //文本是否可选
autoSize = "center" ; //控制文本字段的自动大小调整和对齐
_x = Stage.width/2; //文本字段的横坐标
_y = Stage.height/2;//文本字段的纵坐标
}
onEnterFrame = function () {
var Loaded = _root . getBytesLoaded ();
var Total = _root . getBytesTotal ();
_root . myload_txt . text = Math . floor (( Loaded / Total )* 100 ) "%" ;
if ( Loaded == Total ) {
onEnterFrame = null ;
removeMovieClip ( _root . myload_txt );
play ();
}
};
二. egg616的Loading艺术之一
1、制作原理：
世界上任何的loading大概都能够分为三个部分：
1) 制造一个循环，用于更新数据。一般来说有两种方法，一种是做成二帧，在第二帧中用gotoAndPlay(1)命令产生循环。另一种是只做一帧，利用onEnterFrame命令产生循环。
2) 利用getBytesTotal()和getBytesLoaded()命令获取文档数据。
3) 以图像或动画的方式将第二步获取的数据表现出来（一般同时还以文本方式精确表示）
上面的说明，对一个会做LOADING的人来说是很清楚的，但不会做的看了大概还是不会（呵呵）所以下面我们一步一步来，做个简单的例子（不做文本显示数据了）：
2、简单的例子(只有两步,相信您有这个耐性):
Ⅰ
打开您一个心爱的动画，新建一个场景，并把他拖到最前面。
Ⅱ
在帧上加入以下的AS动作，即大功告成！
源代码:
stop ();
function dr ( nam , de , d , al ) {
na = createEmptyMovieClip ( nam , de );
na . lineStyle ( d , 0x9900cc , al );
na . _x = 160 ;
na . _y = 280 ;
na . lineTo ( 240 , 0 );
}
//一个画线条的函数，四个参数对应什么，自己看哈
onEnterFrame = function () {
var a = getBytesTotal ();
var b = getBytesLoaded ();
//取得下载的数据
if ( b < a ) {
dr ( "b1" , 0 , 30 , 30 );
dr ( "b2" , 1 , 20 , 30 );
dr ( "b3" , 2 , 20 , 100 );
b3 . _xscale = b / a * 100 ;
//画三条横线，显示下载进度；
} else {
delete onEnterFrame ;
b1 . removeMovieClip ();
b2 . removeMovieClip ();
b3 . removeMovieClip ();
play ();
//下载完毕，删除图像和函数；
}
};
能够按两次Ctrl Enter进行下载测试，若对AS有恐惧症者，闭着眼睛复制―粘贴即可
下面是这个例子的效果图
三. egg616的Loading艺术之二
1、打开您要加Loading的动画，新建一个场景，并把他拖到最前面。
2、在最前面的场景的第一帧上加入下面的AS代码。
源代码：
//Copyright: 吴杰兴 广东廉江
//本作品可随意复制或修改,但请注明原作者
stop();
sw = 550;
sh = 400;
//
Stage.showMenu = false;
//隐藏讨厌的右键菜单
cs = 60;
//网格的密集程度
r = 2550;
d = r/Math.SQRT2;
//网格的弯曲度
p = Math.PI;
//定义常数PI
createEmptyMovieClip("ln", 1);
ln.lineStyle(0, 0xffffff);
for (var i = 1; i<=cs; i ) {
ln.moveTo(sw/2 r*Math.cos(i/cs*p), -d 300 r*Math.sin(i/cs*p));
ln.lineTo(sw/2 r*Math.cos(i/cs*p p/2),
-d 300 r*Math.sin(i/cs*p p/2));
}
//下面画个颜色渐变的底子标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
