Flash教程——制作自己的Flash时钟

结合了上次rotation的action script，这次教大家把它应用在实际的地方——制作属于自己的Flash时钟。
制作好的时钟还可以放在自己的blog或是个人网站呢！

以下为swf原档：


.swf档案制作步骤：
1.在Flash视窗空白处画上/贴上想要用来当时钟背景图案。

2.如果时钟背景图案没有被group起来，就.拖曳鼠标以选择整个图案，在键盘上按Ctrl+G把图案group起来。

3.Add new Layer，如图：


4.在Flash视窗空白处（新的Layer)画上/贴上想要用来当时针的图案，把图案放在时钟正中，并向上，如图：


5.如果图案没有被group起来，重复步骤2。

6.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。

7.在弹出的Convert to Symbol新视窗的Name一栏内填入“hourhand”和Behavior一栏选择“Movie Clip”，注意registration的方向，如图：


8.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“hourhand”，如图：


9.重复步骤4至8来加入分针和秒针。把之前的“hourhand”更改为“minutehand”和“secondhand”。

10.用鼠键点击含有时钟背景的Layer一次，去“Actions - Frame”选择“Actions for Frame 1 of Layer Name......”，如图：


11.将以下的程序编码(Action Script)贴在编码编辑处：
_root.onEnterFrame = function() {
var mydate = new date();
hourhand._rotation = mydate.getHours()*30+mydate.getMinutes()/2;
minutehand._rotation = mydate.getMinutes()*6+mydate.getSeconds()/10;
secondhand._rotation = mydate.getSeconds()*6;
};

12.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。.swf档案将被自动export到储存.fla原档的地方。.swf档案制作大功告成！

注意：如果你的时钟的大小与视窗的大小不符，可以依照下图方式更改：


使用.swf步骤：
13.将.swf档案上传至提供网上储存服务的网站，如ripway.com等等。

14.将以下html编码贴在blog或个人网站即可：
<embed src="档案网址"></embed>
档案网址如：http://h1.ripway.com/weewaawaa/UCProClock.swf等等。时钟应用成功！