FLash制作泡泡样式Loading效果
类别: Flash教程 
代码有限,创意无限.
上次发了一个计速器样式的Loading,现在让我们来稍微改一改代码,实现另一种有趣的Loading样式.
上次发了一个计速器样式的Loading,现在让我们来稍微改一改代码,实现另一种有趣的Loading样式.
首先在flash场景中画一个正圆,填充为放射填充. 全选转换成MC(影片剪辑),双击打开此mc,在时间轴上新建一图层,命名为水,在此图层上画一正圆遮盖住下面的圆.填充为浅蓝色.然后在图层"水"上面新建一图层命名为mask,在mask图层上绘制一长方形,要求面积可以遮住下面的圆.长方形顶端和图层"水"中圆的 底部对齐,然后选中此长方形转换成mc,并命名为"water".在图层"水"上面点击右键选择"遮罩层".OK,图形绘制完成,下面让我们来书写代码.
在图层"水"上 新建一图层,命名为"action".按F9 打开动作面板,输入下面的代码
/********************************
Design by PengLongXiang
HomePage: Http://yu5911.66et.net
QQ: 55856710
E-Mail: penglongxiang@163.com
MSN: yu5911@hotmail.com
*********************************/
this.onEnterFrame=function (){
water._y = -(Math.round((_root.getBytesLoaded()/_root.getBytesTotal())*100))+water._y;//设置"water"的Y坐标为"water"的Y坐标加上下载完成的百分比
百分比 = Math.round((_root.getBytesLoaded()/_root.getBytesTotal())*100);
trace(water._y);
if(百分比==100){
trace("ok");
_root.play();
delete this.onEnterFrame;
}else{
trace("loading");
_root.stop();
}
}
Design by PengLongXiang
HomePage: Http://yu5911.66et.net
QQ: 55856710
E-Mail: penglongxiang@163.com
MSN: yu5911@hotmail.com
*********************************/
this.onEnterFrame=function (){
water._y = -(Math.round((_root.getBytesLoaded()/_root.getBytesTotal())*100))+water._y;//设置"water"的Y坐标为"water"的Y坐标加上下载完成的百分比
百分比 = Math.round((_root.getBytesLoaded()/_root.getBytesTotal())*100);
trace(water._y);
if(百分比==100){
trace("ok");
_root.play();
delete this.onEnterFrame;
}else{
trace("loading");
_root.stop();
}
}
OK,在模拟环境下发布测试,是不是很可爱啊? 呵呵,Flash更多好玩的等你去发掘哦.
本教材源文件 (源文件可当成组件使用,使用时只要把影片剪辑"泡泡"放在主场景第一帧即可)
- 上一篇: Flash实用效果之小桥流水
- 下一篇: Flash制作弹性按钮
