注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

用AS作flash时钟  

2008-08-31 13:34:10|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

 

 用AS作超简单flash时钟

 

 

 

 效果图:(教程不含特效)

 时钟代码:

<EMBED style="DISPLAY: block; TEXT-ALIGN: center" src=http://bbs.chelder.com.cn/UpFile/UpAttachment/2008-8/2008831122040.swf width=550 height=400 type=application/x-shockwave-flash></P>

 

制作方法:把场景设置为宽和高均为 220,其余默认。

 1.[代码]

把以下代码复制到主场景图层1中的第一帧上:

//画钟表边线
this.createEmptyMovieClip("bianxian_mc", 1);
with (bianxian_mc) {
lineStyle(4,0x0033FF);
moveTo(Math.cos(0*Math.PI/180)*96, Math.sin(0*Math.PI/180)*96);
for (var i = 360; i>=0; i--) {
  lineTo(Math.cos(i*Math.PI/180)*96, Math.sin(i*Math.PI/180)*96);
}
_x = 110;
_y = 110;
}
//创建时间动态文本
this.createTextField("my_txt",2,0,0,0,0);
with (my_txt) {
autoSize = true;
textColor = 0x555555;
_x = 80;
_y = 60;
}
//画12个表格
this.createEmptyMovieClip("biaoge_mc",3);
with (biaoge_mc) {
lineStyle(3,0x00FF33);
moveTo(0, -96);
lineTo(0, -92);
_x = 110;
_y = 110;
}
for (i=1; i<12; i++) {
duplicateMovieClip(biaoge_mc, "biaoge_mc"+i, 3+i);
setProperty("biaoge_mc"+i, _rotation, i*30);
}
//画时针
this.createEmptyMovieClip("shizhen_mc",16);
with (shizhen_mc) {
lineStyle(4,0x000000);
moveTo(0, 0);
lineTo(0, -60);
_x = 110;
_y = 110;
}
//画分针
this.createEmptyMovieClip("fenzhen_mc", 17);
with (fenzhen_mc) {
lineStyle(2,0x0000EA);
moveTo(0, 0);
lineTo(0, -75);
_x = 110;
_y = 110;
}
//画秒针
this.createEmptyMovieClip("miaozhen_mc", 18);
with (miaozhen_mc) {
lineStyle(1,0xFF0000);
moveTo(0, 0);
lineTo(0, -90);
_x = 110;
_y = 110;
}
//让时针、分针、秒针动起来
this.createEmptyMovieClip("time_mc",19);
time_mc.onEnterFrame = function() {
my_date = new Date();
shi = my_date.getHours();
fen = my_date.getMinutes();
miao = my_date.getSeconds();
shizhen_mc._rotation = shi/12*360+fen/60*30;
fenzhen_mc._rotation = fen/60*360+miao/60*6;
miaozhen_mc._rotation = miao/60*360;
if (shi<10) {
  shi = "0"+shi;

if (fen<10) {
  fen = "0"+fen;

if (miao<10) {
  miao = "0"+miao;

my_txt.text = shi+":"+fen+":"+miao;
};
//画中心圆
this.createEmptyMovieClip("yuan_mc", 20);
with (yuan_mc) {
beginFill(0x33FFFF);
moveTo(Math.cos(0*Math.PI/180)*4, Math.sin(0*Math.PI/180)*4);
for (var i = 360; i>=0; i--) {
  lineTo(Math.cos(i*Math.PI/180)*4, Math.sin(i*Math.PI/180)*4);
}
_x = 110;
_y = 110;
}

2.背景

增加图层2。用椭圆工具画一190*190 的元。类型:放射性。颜色随意,X 轴坐标和Y 轴坐标均为14。(或自己做一张背景图。)

测试影片。

 

  评论这张
 
阅读(400)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017