1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Flash制作时钟

Flash制作时钟

时间:2021-10-05 19:43:56

相关推荐

Flash制作时钟

今天用了几个小时的时间,用Flash做了一个时钟。刚做的时候上风找了很多的资料都没办法解决问题。最后还是靠自己的尝试,终于都搞出来了。现在过程记录如下。做出来的效果如下:

制作过程如下:

1、先用PS把底图做出来,也就是除了三根转动的时针。

2、用PS制作三根时针,需要分别制作,而且在保存为图片时,需要把背景去掉,方便在Flash MX中制作元件。

3、打开Flash MX ,把四幅图片都导入到库中,并把底图拖入场景中,作为背景。

4、新建元件Hour,把时针拖入到场景中,因为我制作的时针是白色的,这时在场景中,看不到。这里有个小技巧,可以先画一个用黑色的矩形,然后把时针拖到上面,就可以看,注意,时针的一端必须与场景中的“+”重合,因为在旋转时,是以“+”为轴点为旋转的。用选择工具把矩形删除,这时在场景中会有一个边框,用橡皮擦可以擦除。

5、按照4中所说,制作Minute,Second元件,分别是分针,秒针。

6、回到主场景的舞台中,把元件(Hour)拖到舞台当中,并给实例起名为hour,记住有“+”号的一端要与底图中的白色圆心重合。

7、按照6中说明,分别的元件(Minute,Second)拖到舞台当中,分别起名为minute,second。

8、给场景加上动作,动作代码如下:

onEnterFrame = function() {

var time:Date = new Date();

hour._rotation = time.getHours * 30;

minute._rotation = time.getMinutes * 6;

second._rotation = time.getSeconds * 6;

}

因为一圈有360度,所以每过一小时,时针转过30度,每过一分仲,分针走过6度,秒钟也一样。

9、制作完毕,可以测试。

如果发现时钟里针与测试的当前时间不相当,则是没有注意初始化,要在一开始把三根针调整到与当前时针一样,因为我制作的时候,三根一开始都是指向12点,所以上面的代码就可以搞定。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。