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点，所以上面的代码就可以搞定。