Flash教程:制作电子钟

2008-09-22 11:33:33 北京时间

先看效果:

 前言:由于找不到电子钟数字字体,于是采用了绘制的图形代替。

 

步骤:

1、画一个如下图形状,转换为图形元件,名为“基本符号”。

2、新建影片剪辑,名为8,把“基本符号”拖入7个,排列成如下图样式。

3、在库中选中名为“8”的元件,右键选择“直接复制”,名为“0”,在库中双击元件“0”,进入元件“0”的编辑场景中,删除中间的横条,得到如下图样式。

 

4、按照第3步,依次创建元件“1”、“2”、“3”、“4”、“5”、“6”、“7”、“9”,得到的样式分别为如下图所示:

 

5、新建影片剪辑,名为“数字组合”,把元件“8”拖入,将其透明度设置为30%,延长帧到第10帧。新建图层,在第1帧拖入元件“0”,第2帧拖入元件“1”……第10帧拖入元件“9”。

6、回到主场景,把“数字组合”拖入15个,实例名从下至上、从右至左依次为“_mc1”、“_mc2”……“_mc15”,并打上文字“年”、“月”、“日”、“星期”及两个冒号。

7、在帧上写如下代码:

onEnterFrame = function () {
var my_dateate = new Date();
//秒
var miao:Number = my_date.getSeconds();
if (miao<10) {
  _mc2.gotoAndStop(1);
  _mc1.gotoAndStop(miao+1);
} else {
  _mc2.gotoAndStop(Math.floor(miao/10)+1);
  _mc1.gotoAndStop((miao-Math.floor(miao/10)*10)+1);
}
//分
var fen:Number = my_date.getMinutes();
if (fen<10) {
  _mc4.gotoAndStop(1);
  _mc3.gotoAndStop(fen+1);
} else {
  _mc4.gotoAndStop(Math.floor(fen/10)+1);
  _mc3.gotoAndStop((fen-Math.floor(fen/10)*10)+1);
}
//时
var shi:Number = my_date.getHours();
if (shi<10) {
  _mc6.gotoAndStop(1);
  _mc5.gotoAndStop(shi+1);
} else {
  _mc6.gotoAndStop(Math.floor(shi/10)+1);
  _mc5.gotoAndStop((shi-Math.floor(shi/10)*10)+1);
}
//星期
var xingqi:Number = my_date.getDay();
_mc7.gotoAndStop(xingqi+1);
if (xingqi == 0) {
  _mc7.gotoAndStop(xingqi+8);
}
//日  
var ri:Number = my_date.getDate();
if (ri<10) {
  _mc9.gotoAndStop(1);
  _mc8.gotoAndStop(ri+1);
} else {
  _mc9.gotoAndStop(Math.floor(ri/10)+1);
  _mc8.gotoAndStop((ri-Math.floor(ri/10)*10)+1);
}
//月
var yue:Number = my_date.getMonth()+1;
if (yue<10) {
  _mc11.gotoAndStop(1);
  _mc10.gotoAndStop(yue+1);
} else {
  _mc11.gotoAndStop(Math.floor(yue/10)+1);
  _mc10.gotoAndStop((yue-Math.floor(yue/10)*10)+1);
}
//年(此句代码由终极老师指教)
var nian:Number = my_date.getFullYear();
for (var p:Number = 0; p<nian.toString().length; p++) {
  this["nian"+(p+1)] = Number(nian.toString().charAt(p));
  _mc15.gotoAndStop(nian1+1);
  _mc14.gotoAndStop(nian2+1);
  _mc13.gotoAndStop(nian3+1);
  _mc12.gotoAndStop(nian4+1);
}
/*(此句由本人所写,与上面效果一样,但上面的更简洁明了)
var nian:Number = my_date.getFullYear();
nian1 = Math.floor(nian/1000);
nian2 = Math.floor((nian-nian1*1000)/100);
nian3 = Math.floor((nian-nian1*1000-nian2*100)/10);
nian4 = Math.floor(nian-nian1*1000-nian2*100-nian3*10);
  _mc15.gotoAndStop(nian1+1);
  _mc14.gotoAndStop(nian2+1);
  _mc13.gotoAndStop(nian3+1);
  _mc12.gotoAndStop(nian4+1);
*/
};

源文件下载:

/uploads/soft/1_080922114147.rar




发表评论

请文明参与讨论,禁止漫骂攻击。本站保留不刊登无关和不雅评论的权力。


用户名: 密码: 匿名

相关新闻
本课教学内容:学画水果 本课教学目的:进一步了解和掌握工具的
本课教学内容与目的:通过学习画梅花进一步掌握 flash 软件中线
上文: Flash鼠绘进阶第2课:认识工具 学习内容: 通过画笔工具、
效果演示:(请用鼠标点击小球观看效果) 在这个Actionscript 3
上节课我们大概了解了FLASH的工作界面, 在工具栏里我们了解许多

广告
© 2008 The Czz5 Company. All Rights Reserved. 关于我们 - 联系我们 - 广告业务 - 网站地图 - 版权声明 - 友情连接 - 网站投稿 - 致信编辑