This Domain(Admin5.com) is for Sale:

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

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

  描述

wangzhan.dngz.net

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

站长.之家

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

AdminI5.com站长之_家

  制作步骤

此文來自站长之家

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

此文来自站长之家


图1

此文來自站长之家

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

adminI5.com站.长.之.家

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

站_长之家adminI5.com

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

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

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

adminI5.com站.长.之.家

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

此文来自站长之家

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

此文来自站長之家


图2

站长.之家adminI5.com

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

adminI5.com站长之_家

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

adminI5.com站长之_家


图3

站长.之家adminI5.com

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

adminI5.com站长_之家

  代码输入 站_长之家adminI5.com

  在第三帧插入一个普通帧,并新建一层。并完成如下步骤:

wangzhan.dngz.net

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

此文來自站长之家

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

adminI5.com站长_之家

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

站_长之家adminI5.com

  hour=Number(mydate.getHours());

站长.之家adminI5.com

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

adminI5.com站.长.之.家

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

站长之_家

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

adminI5.com站长之_家

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

此文来自站长之家

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

站_长之家

  s=(second*6)60;

此文来自站长之家

  setProperty("h0",_rotation,h); adminI5.com站长之_家

  setProperty("m0",_rotation,m);

adminI5.com站长之_家

  setProperty("s0",_rotation,s);

wangzhan.dngz.net

  angle=s;

站长之_家

  angleh=h;

站长.之家

  anglem=m;//将当前时、分、秒针的初始角度分别赋予三个变量

此文来自站长之家

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

此文来自站長之家

  mydate=newdate();

此文來自站长之家

  day=mydate.getDate();

站_长之家adminI5.com

  month=mydate.getMonth() 1;

wangzhan.dngz.net

  second=mydate.getSeconds(); AdminI5.com站长之_家

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

站_长之家adminI5.com

  if(Number(week0)==1){

AdminI5.com站长之_家

  week0="一";}

站长之_家

  if(Number(week0)==2){

共2页: 上一页 1 [2] 下一页

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

文章评论

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

24小时热门信息