前言:稍微大一些的Flash作品在播放之前都会有一个Loading预载画面,这考虑到网络的速度,本地浏览不需要等待下载,但传到网上,因为每个用户的网速不同,所以很有必要在我们的作品中加入Loading画面,之前,已经有很多教程是关于Loading制作方法的,今天我们给读者讲述四个纯AS的Loading效果,不懂AS的菜鸟或“代码盲”甚至可以直接复制教程中的代码到自己的作品中,懂AS代码的朋友,可以仔细阅读这些代码,从中学到更多的AS知识,或由此引申出更多的AS Loading效果……感谢作者=棉花糖=、egg616、小郎提供源码和思路--闪客帝国的叶子
一.=棉花糖=的Loading教程
比较简陋
动态显示load百分比
将全部代码拷贝到第一帧,当load完毕后,会自动开始播放
源代码:
|
二. egg616的Loading艺术之一
1、制作原理:
世界上所有的loading大概都可以分为三个部分:
1 制造一个循环,用于更新数据。一般来说有两种方法,一种是做成二帧,在第二帧中用gotoAndPlay(1)命令产生循环。另一种是只做一帧,利用onEnterFrame命令产生循环。
2 利用getBytesTotal()与getBytesLoaded()命令获取文件数据。
3 以图形或动画的方式将第二步获取的数据表现出来(一般同时还以文本方式精确表示)
上面的说明,对一个会做LOADING的人来说是很清楚的,但不会做的看了大概还是不会(呵呵)所以下面我们一步一步来,做个简单的例子(不做文本显示数据了):
2、简单的例子(只有两步,相信你有这个耐性):
Ⅰ 打开你一个心爱的动画,新建一个场景,并把它拖到最前面。
Ⅱ 在帧上加入以下的AS动作,即大功告成!
源代码:
|
可以按两次Ctrl+Enter进行下载测试,若对AS有恐惧症者,闭着眼睛复制—粘贴即可
下面是这个例子的效果图
三. egg616的Loading艺术之二
1、打开你要加Loading的动画,新建一个场景,并把它拖到最前面。
2、在最前面的场景的第一帧上加入下面的AS代码。
源代码:
|
因为是纯AS的作品,就不再提供FLA文件了,下面是效果图(JPG格式的,比起SWF的差多了。)
四.小郎的AS Loading
1、打开你要加Loading的动画,新建一个场景,并把它拖到最前面。
2、新建一个空MC,并将其拖入新建的场景的第1帧上,并将其实例名命名为:ss
3、在MC上加入以下代码(换句话说:单击MC,打开AS面板,输入以下代码:)
|
效果如图:
小提示:本机测试Loading效果的简单方法
Ctrl+Enter之后往往看不到Loading效果就开始播放主体动画了,要想清楚地预览到Loading的效果,一个很简单的方法是:Ctrl+Enter之后在测试动画播放状态下再按一次Ctrl+Enter就可以清楚地看到Loading效果了,另外可以改变模拟Modem的速度,在测试动画的窗口中,从Debug菜单中可选择14.4、28.8、56K等几个速度,或自定义。