This Domain(Admin5.com) is for Sale:

真实源于转动 用Flash 5制作转动时钟

时间:2007-11-14  来源:收集  作者:TUPS

  描述

dedecms.com

  内容描述:使用Flash5中的时间对象制作一个转动的时钟,该时钟时、分、秒针的转动与系统的时间一致。 本文来自织梦

  组成元素:时、分、秒三个电影夹子(h0,m0,s0),时间的刻度图形符号两个(a、b),
时间的输出文本框一个(timenow)。 本文来自织梦

  制作步骤 copyright dedecms

  1、如图1所示,在一个新的Flash文档中画两个符号,并分别把它们转换成图形符号a、b(选中后按F8),用于制作时钟正点的刻度;

copyright dedecms


图1 内容来自dedecms

  2、双击图形符号a,进入编辑状态,打开信息面板(窗口\面板\信息),将图形的位置设置在(0,-160);

织梦好,好织梦

  3、回到主场景,选中a,打开转换面板,在“旋转”后的空白中输入30,不断点击面板右下角的第一个按钮,复制出12个a,由于我们刚才设置了a中符号的位置,所以这12个a都绕a的中心(0,0)排成一个圈,即处于12个时间正点的位置; 本文来自织梦

  4、为了美观,我们删去处于12、3、6、9时间点的a,用同样的方法将b中的图形位置放在(0,-160),再复制四个b,放在这四个位置上,只是把旋转的角度改为90; 织梦内容管理系统

  5、回到主场景中,按住Shift键点击这四个b,用方向键调整它们的位置与刚才做好的8个a相适应;

织梦好,好织梦

  6、选中这12个图形符号,按Ctrl G将它们组合,完成表盘的制作;另外,可以双击这个组合,在他们内部添加一些装饰如文字称底、时刻代码等,将界面加以美化; 内容来自dedecms

  7、在主场景中画出时针、分针、秒针(注重长度与做好的表盘相适应,如图2),并分别将它们转换成电影夹子h0、m0、s0,同样,分别进入它们的编辑状态,调整它们的转动轴点位于影片的中心;

dedecms.com

  8、回到主场景中,在实例面板中将时、分、秒影片的名称分别改为h0、m0、s0;

dedecms.com


图2

织梦好,好织梦

  9、分别点击秒、分、时影片及刚才做好的表盘,按Ctrl Shift ↓(向下方向键)调整它们的顺序; copyright dedecms

  10、将时、分、秒针影片在轴点对齐,而且都指向12点(如图3); copyright dedecms


图3 本文来自织梦

  11、点击文本工具,在主场景中拖出一个文本框(能容纳20个字符就行),在文本框属性面板中设置为“动态文本”,变量名为timenow。

内容来自dedecms

  代码输入

内容来自dedecms

  在第三帧插入一个普通帧,并新建一层。并完成如下步骤: 织梦内容管理系统

  1、在时间线双击第一帧,在弹出的动作面板中加入以下代码:

本文来自织梦

  command("fullscreen","true");//全屏显示

织梦好,好织梦

  mydate=newdate();//定义一个时间对象的实例

织梦内容管理系统

  hour=Number(mydate.getHours()); 内容来自dedecms

  hour=hour;//获取系统当前时间(时)并把它转化为12小时制

dedecms.com

  minute=Number(mydate.getMinutes());//获取当前分数 dedecms.com

  second=Number(mydate.getSeconds())-1;//获取当前秒数

dedecms.com

  h=(hour*30 minute*0.5 second*0.0833)60;//将当前时针基于初始位置的转动幅度赋予变量h dedecms.com

  m=(minute*6 second*0.1)60;

织梦好,好织梦

  s=(second*6)60;

织梦好,好织梦

  setProperty("h0",_rotation,h);

织梦好,好织梦

  setProperty("m0",_rotation,m); dedecms.com

  setProperty("s0",_rotation,s); copyright dedecms

  angle=s;

织梦内容管理系统

  angleh=h;

dedecms.com

  anglem=m;//将当前时、分、秒针的初始角度分别赋予三个变量 织梦内容管理系统

  2、在第二帧插入要害帧,在动作面板中加入以下代码:

dedecms.com

  mydate=newdate();

内容来自dedecms

  day=mydate.getDate();

copyright dedecms

  month=mydate.getMonth() 1; dedecms.com

  second=mydate.getSeconds(); 织梦好,好织梦

  week0=mydate.getday();//获取当天是星期几 织梦好,好织梦

  if(Number(week0)==1){

本文来自织梦

  week0="一";} 本文来自织梦

  if(Number(week0)==2){

看完这篇,您有何感觉呢?

文章评论

共有位Admini5网友发表了评论 查看完整内容

推荐信息

24小时热门信息