青岛设计网标志 搜艺招聘
   Guest:  登陆 | 注册 | 网站首页 | 论坛首页 | 我的贴子 | 修改资料 | 留言板 | | 论坛帮助  | 论坛首页  

  论坛首页   FLASH  Loading制作之泡泡样式

[公告]快到[搜艺招聘网]发布招聘信息 注册简历、发布自己作品! :)  
Loading制作之泡泡样式  
    飓风

查看飓风的博客


金钱: 2778
Level: 0
发帖数: 456
最后登陆: 2013/5/14
注册时间: 2005/10/24


[鍜界値鍚冧粈涔堣嵂]姣忓ぉ娉2琚嬶紝鍧氭寔30澶╋紝鍜界値濂藉鍒
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除

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

搜艺招聘网 http://www.soyi365.com

青岛网站设计制作 http://design.qingdaoui.com

青岛网页设计培训班 http://web.qingdaoui.com



2006/5/9
信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除
回复:re:Loading制作之泡泡样式
    leinchu

查看leinchu的博客


金钱: 107
Level: 0
发帖数: 1
最后登陆: 2006/9/5
注册时间: 2006/9/5
信息 | 留言 引用 | 回复

Post by: 飓风,   2006/5/9

Loading制作之泡泡样式

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

首先在flash场景中画一个正圆,填充为放射填充. 全选转换成MC(影片剪辑),双击打开此mc,在时间轴上新建一图层,命名为水,在此图层上画一正圆遮盖住下面的圆.填充为浅蓝色.然后在图层"水"上面新建一......


楼主的说法有错误和有歧义的地方:
代码有限,创意无限.
上次发了一个计速器样式的Loading,现在让我们来稍微改一改代码,实现另一种有趣的Loading样式.

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

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

并且脚本有不正确的地方,楼主的脚本还没有下载完泡泡就完全出来了。

才场景开始中加一个全局变量x,值为water的_y值;

以后water的_y值=x-water的_y值*下载的百分比

让三个图形的高度一样。



2006/9/5
编辑 | 删除
    7     [    ]     8


青岛设计网版权所有
本论坛言论纯属发表者个人意见