论坛快速导航: 2009年素材区 矢量素材 图片素材 网页模板 原创作品 佳作欣赏 网页设计专区 摄影之家 PhotoShop CorelDraw Illustrator | 在线繁体字转换翻译工具 WAP RSS
返回简洁设计网首页
最新教程 推荐教程 热门教程
当前位置: 简洁设计网 > 设计教程 > 媒体动画 > as进阶 > 正文
flash as进阶教程:Loading制作之泡泡样式

代码有限,创意无限.
  
       上次发了一个计速器样式的Loading,现在让我们来稍微改一改代码,实现另一种有趣的Loading样式.

        首先在flash场景中画一个正圆,填充为放射填充. 全选转换成MC(影片剪辑),双击打开此mc,在时间轴上新建一图层,命名为水,在此图层上画一正圆遮盖住下面的圆.填充为浅蓝色.然后在图层"水"上面新建一图层命名为mask,在mask图层上绘制一长方形,要求面积可以遮住下面的圆.长方形顶端和图层"水"中圆的 底部对齐,然后选中此长方形转换成mc,并命名为"water".在图层"水"上面点击右键选择"遮罩层".OK,图形绘制完成,下面让我们来书写代码.

        在图层"水"上 新建一图层,命名为"action".按F9 打开动作面板,输入下面的代码


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更多好玩的等你去发掘哦.

点击进入论坛和大家一起交流设计,分享设计素材,结交设计朋友

推荐as进阶

  • 此栏目下没有推荐学院
  • 设为首页 | 加入收藏 | 关于我们 | 联系我们 | 合作伙伴 | 版权信息 | 广告联系 | 友情链接 | 网站地图
    版权所有 简洁设计网 [www.jianjie8.com] 您电脑的分辨率是 像素
    Copyright 2008-2015 Www.Jianjie8.Com All Rights Reserved
    陇ICP备05003399号