使用Flash mx製作旋轉的時鐘效果 - 中國WEB開發者網絡 (http://www.webasp.net) -- 技術教程 (http://www.webasp.net/article/) --- 使用Flash mx製作旋轉的時鐘效果 (http://www.webasp.net/article/22/21317.htm) |
| -- 作者：未知 -- 發佈日期： 2005-04-30 |
| 看到畫面上靜止的時鐘，你是不是想讓它動起來，那麼我來教大家做一個轉動的時鐘。使用Flash mx中的時間對像製作一個轉動的時鐘，該時鐘時、分、秒針的轉動與系統的時間一致。有興趣就跟著來做。
開始製作：時鐘畫面的組成元素有時、分、秒三個電影夾子[ S,F,M ]，時間的刻度圖形符號兩個[ a、b ]，時間的輸出文本框一個[ text ]。 回到主場景中，在實例面板中將時、分、秒影片的名稱寫為：S、F、M；將時、分、秒針影片在軸點對齊，而且都指向12點。 點擊文本工具在文本框屬性面板中設置為[動態文本]，變量名為[ text ] 有了以上的步驟，下面，我們就讓時鐘轉動起來： 第一步：在時間線雙擊第一幀，在彈出的動作面板中加入以下代碼： mydate = new date ()；//定義一個時間對象的實例 hour = Number(mydate.getHours())； hour = hour%12；//當前時間轉化為12小時制 minute = Number (mydate.getMinutes())；//獲取當前分數 second = Number (mydate.getSeconds())-1；//獲取當前秒數 h = (hour*30+minute*0.5+second*0.0833)%360；//將當前時針處於初始位置的轉動幅度賦予變量h m = (minute*6+second*0.1)%360； s = (second*6)%360； setProperty ("s", _rotation, h)； setProperty ("f", _rotation, m)； setProperty ("m", _rotation, s)； angle = s； angleh = h； anglem = m；//將當前時、分、秒針的初始角度分別賦予三個變量 第二步：在第二幀插入關鍵幀，在動作面板中加入以下代碼： mydate = new date()； day = mydate.getDate()； month = mydate.getMonth()+1； second = mydate.getSeconds()； week0 = mydate.getday()；//獲取當天星期( ) is (Number(week0) == 1) { week0 = "一"；} is (Number(week0) == 2) { week0 = "二"；} is (Number(week0) == 3) { week0 = "三"；} is (Number(week0) == 4) { week0 = "四"；} is (Number(week0) == 5) { week0 = "五"；} is (Number(week0) == 6) { week0 = "六"；} is (Number(week0) == 0) { week0 = "日"；} //以上把獲取的星期數字號碼轉換成大寫 is (day<10) { day = "0"+String(day)；} //將一位數的日期號碼轉換成兩位 is (moth<10) { month = "0"+String(month)；} //系統的月份從0開始計數，故要進行轉換 text = mydate.getSullYear() +"."+month+"."+day+"＼t星期"+week0； is (s != second) { s = second； angle = angle+6； setProperty ("m", _rotation, angle)；//設置秒針的當前位置；每一秒秒針的轉動角度為6(360度𨪜𨪜𨪜/60秒)度 anglem = anglem+0.1； setProperty ("f", _rotation, anglem)； angleh = angleh+0.0083； setProperty ("s", _rotation, angleh)； } 第三步：在第三幀插入關鍵幀，並在動作面板中加入以下代碼： gotoAndPlay (2)； 一個轉動的時鐘就做好了，來看一下你做的時鐘是不是酷極了！ |
| webasp.net |