白桦的天空

第一次的心动,永远的心痛!
  首页  :: 新随笔  :: 联系 :: 管理

flash loading 教程

Posted on 2006-05-19 09:43  白桦的天空  阅读(1317)  评论(1编辑  收藏  举报
http://tutorials.flasher123.com/shili/shili1/shili1.htm
使用软件:FLASH MX

讲课时间:2003年4月25日 (星期五) 晚上 8:00

讲课地点:闪客沙龙http://280739.bliao.com

主    讲: 默寂在线

教程编写:默寂在线

实例源文件下载

制作步骤:

1、新建场景550*400,背景色:黑;

2、用文本工具在场景第一帧上输入文字“请稍候”(字体:华文行楷,字号50,字色:绿,斜体);并使文字垂直,水平居中;于35帧处按F5;

3、新建图层二,第五帧处F7。用文体工具于“请稍候”右侧输入“》”,垂直居中。于15帧处F6,按住ALT和SHIFT键,向右拖动“》”。25帧、35处操作同15帧。

4、新建层三,层四。

5、CTRL+F8,新建图形元件“Y”。圆形工具,无边框,填充色:红。画圆,大小:100*100,垂直、水平居中。

6、于场景一,图层三,第36帧处F7。CTRL+L,拖入图形元件“Y”。50、65帧处F6。

7、图层四,第36帧处F7。文字工具,华文彩云,90号字,加粗,输入“击鼓传花”,并垂直、水平居中。65帧处F5。

8、点击层三36帧,按SHIFR键,拖圆于“击鼓传花”左侧。50帧处,按SHIFR键,拖圆于“击鼓传花”右侧。65帧处,按SHIFR键,拖圆于“击鼓传花”左侧。并于36、50帧处创建动画。

9、右键单击层4,设置为遮罩层。

10、新建层五,于第1帧处,输入AS如下:

byteloaded = _root.getBytesLoaded();
bytetotal = _root.getBytesTotal();


这样设置的目的:

byteloaded = _root.getBytesLoaded();
将已经下载的字节数赋值给byteloaded变量。

bytetotal = _root.getBytesTotal();
将电影总字节数赋值给bytetotal变量

11.35帧处F7,输入AS如下:

if (byteloaded == bytetotal) {
gotoAndPlay (36);
}
else { gotoAndPlay (1);
}

这样设置的目的:

if (byteloaded == bytetotal) {
gotoAndPlay (36); }
假如 下载字节数=总字节数。跳转到36帧,播放电影动画。

else { gotoAndPlay (1);}
否则(下载字节数不等于总字节数),跳转到1帧,继续下载。
总的说来,就是装完了就播放电影,没装完就循环跳转到Loading小动画依次播放每一帧。

12.于最后一帧处(即第65帧处)F7,输入AS:stop();

13.CTRL+F8,制做按钮元件“again”。
第1帧:文体工具,华文行楷,20号字,灰色,加粗,斜体。输入:Again。并垂直.水平居中。
第2帧:F6,改变字色为白色。
第3帧:F6,改变字色为深色。并,点击选中,并按光标键,右4次,下4次。
第4帧:F6,画无边线矩形,框住文字。

14.回场景一,点选层五第65帧。CTRL+L,拖入按钮“again”,于右下角。并选中按钮,输入AS如下:

on (release) {
gotoAndPlay (36);

}

这样设置的目的:当按下该按钮时,跳转至36帧处,并播放动画。

15.由于在本例中,主动画较小,为突出Loading效果,下面我们再加入一个mp3音乐文http://cn.flasher123.com/flasher123/liudaer/xg.mp3

16.导入音乐文件,新建图层6,在36帧处F7,CTRL+L打开库面板,双击喇叭进入属性对话框,去除“使用已导入的mp3音质”前小钩(压缩: mp3,位比率:16KBPS,品质:快速)。确定。从库面板中,将该音乐文件拖入图层6第36帧处。点击该帧,在属性面板里点“编辑”,选择淡入效果, 并适当调节。

17.点选层五,第65帧,点选按钮,于goto前加入AS:stopAllSounds();

18.保存源文件。导出影片。