真实源于转动 用Flash 5制作转动时钟
描述
dedecms.com
内容描述:使用Flash5中的时间对象制作一个转动的时钟,该时钟时、分、秒针的转动与系统的时间一致。 本文来自织梦
组成元素:时、分、秒三个电影夹子(h0,m0,s0),时间的刻度图形符号两个(a、b),
时间的输出文本框一个(timenow)。 本文来自织梦
制作步骤 copyright dedecms
1、如图1所示,在一个新的Flash文档中画两个符号,并分别把它们转换成图形符号a、b(选中后按F8),用于制作时钟正点的刻度;
图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;
图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、在第二帧插入要害帧,在动作面板中加入以下代码:
mydate=newdate();
内容来自dedecms
day=mydate.getDate();
month=mydate.getMonth() 1; dedecms.com
second=mydate.getSeconds(); 织梦好,好织梦
week0=mydate.getday();//获取当天是星期几 织梦好,好织梦
if(Number(week0)==1){
本文来自织梦
week0="一";} 本文来自织梦
if(Number(week0)==2){
文章评论
共有位Admini5网友发表了评论 查看完整内容