當前位置:編程學習大全網 - 編程語言 - Flash時鐘的制作方法,就是網上的那些時鐘怎麽做到的,

Flash時鐘的制作方法,就是網上的那些時鐘怎麽做到的,

這個例子是有壹定難度的,主要用到了 Flash5 強大的 ActionScript 語言。我們在設計 好時鐘的各個元素之後要做的最重要的事就是對他們進行編程。 當然, 這種編程相對於其他 壹些高級語言來說是很簡單的了, 所以讀者妳如果沒太接觸過也不要驚慌, 只要跟著講解壹 步壹步的做, 壹點壹點的理解就壹定會徹底搞懂的。 我們在這裏主要用的是壹些提取系統時 間的函數和壹些其他控制元素屬性的 Action。

好的,廢話少說,現在就開始吧!

具體制作步驟: 具體制作步驟:

壹、制作時鐘各個部件

先交待壹下,我們要制作的是典型的鬧鐘壹樣的時鐘:圓圓的“身體”,長短依次的遞減 的秒針、分針、時針。現在我們要做的就是先將這身體和指針打造出來。

1)File>New 或者直接點擊工具欄上的 New 圖標新建壹個文件。 )

2)選擇 Modify>Movie 或者 Ctrl+M 喚出 Movie Properties 面板,調整影片的尺寸規格 ) 為 270×320(當然咯,妳也可以自己定義妳喜歡的尺寸)。

3) ) Insert>New Symbol 或者 Ctrl+F8 喚出 Symobl Properties 面板, 新建壹個 outeregde 的 Graphic(圖形)組件。(插入——新建元件)

4)選擇 View>Grid>Show Grid 或者 Ctrl+’打開網格顯示開關。這樣做的原因是為了在 ) 今後的制作過程中對位置的感覺更好些。(視圖——網絡——顯示網格)

5)好了,現在點擊工具條中的 Oval Tool 或者直接按 O 鍵選擇橢圓工具。按住 Shift 鍵 ) 畫壹個圓,這個圓要大些(註:按住 Shift 畫圓可以畫出正圓來,同樣按住 Shift 畫矩形畫出 的是正方形)。

6)利用箭頭工具(Arrow Tool)選中,接著點選工具欄中的對齊(Align)按鈕,在彈出 )

的選擇框中先點擊最右方的那個 to State 扭, 讓其陷入, 再分別選擇 Align horizontal center 和 Align vertical center 按鈕,作用是將這個圓形放置到場景的中心來。

7)重復以上的動作,做壹個小壹些的正圓(這就是鐘的內表面了),也同樣放置到場 ) 景的中心。

8) ) 再壹次選擇箭頭工具 (Arrow Tool) (圖 Arrow) 選擇這個小圓內部色塊, 按下 Delete 鍵。哈哈!工作區中是不是出現了壹個漂亮的圓環呢?恭喜妳!鐘的表面已經做好了!不過 要註意看壹下這個內圓壁的相對於網格的位置呦,待會用的著的。

現在該做指針了,相對於圓環來說,指針簡直就是 Easy!

9)再新建壹個 Movie Clip 組件(為什麽不是 Graphic 呢?哈哈,因為待會要對其進行 ) 編程控制的)Sencond。

點選工具條上的矩形工具 Ranctangle Tool(直接按鍵 R)畫壹個矩形長條。要求是壹個豎 著的長方形,細壹些。

10)用 Subselect Tool(直接按鍵 A)將其選中,接著點選工具欄中的對齊(Align) ) 按鈕,在彈出的選擇框中先點擊最右方的那個 to State 扭,讓其陷入,再分別選擇第壹行的 Align horizontal center 和 Align bettom edge 按鈕,作用是將這個矩形下方尾部放置到場景 的中心來。

我們這樣做是因為待會要用 Action 讓其旋轉, 而現在定義的中心就是待會旋轉的中心。

11)用同樣的步驟制作分針 minutes 和時針 hours,註意的是它們依次變短變粗(這樣 ) 才有真實感嘛!呵呵)。

上面我們已經把鬧鐘的零部件做好了,零零散散壹大堆都攤在桌子上怎麽行,還是趕 快組裝好吧!

1)來到主場景,選擇 Window>Library 或者 Ctrl+L,喚出我們可愛的 Library(庫----這裏 ) 放了我們做好了的壹些組件)。

2)好的,先用鼠標拖出 outeredge 組件放置在場景中,將當前層改名為 outeredge。 ) 再將幾個做好的指針組件拖出,按照順序(當然是按時、分、秒的順序由上到下咯)依次擺 放,將當前層的名稱改為 clockhands,便於記憶。

3)好了,都擺好了!咿?左看右看怎麽好像怎麽不舒服呢?好像缺了點什麽呢?----) 哦!蘋果壹拍大腦,哈哈,原來沒有鐘上的數字!(真實蠢呀!)趕緊添上。新建壹層(不 會?倒!就是那個選擇 Insert>Layer 或者直接點擊層標識位置下的那個 Insert Layer 按鈕), 改名為 numbers。(雙擊該層即可改名)

4)再利用 Text Tool(直接按鍵 T)在相應的位置寫上數字:3、6、9、12。界面終於 ) 完成了!(註意:以上各層都請在第 2 楨位置選擇 Insert>Frame 或 F5 插入楨)

三、添加 Action

Action 是 Flash 所擁有的壹種特殊的語言, 可以說是面向對象的吧! 操作起來較壹些高

級語言來說要直觀簡單。Flash3 時代的 Action 是很少的,可以說當時的 Flash 很少涉及編 程思想。而 Flash4 的 Action 有了壹定的增加,雖然不夠豐富,內置的函數還不多,但利用 它及輔以 JavaScript 等其他腳本語言調用,Flash 已經可以創作數不盡的奇妙效果了。而 Flash5 的推出,無疑是將 Action 功能推為了 Flash 這個軟件的主要功能。眾多而強大的函 數,使我們僅僅運用 Flash5 內置的 Action 就可以完成很多原先想也不敢想的效果。這個時 鐘的例子就是完全運用了 Flash5 內部的函數來實現的。下面給予詳細說明:

1)如果工作區中沒有 Action 面板,請選擇 Window>Action(或者 Ctrl+Alt+A)喚出 ) Frame Action 面板。好了,我們要開始編程了。

2)新建壹層,改名為 Action。這層我們添加 Action。 )

3)將鼠標定義在時間線的第壹楨上,我們要對它添加 Action,做壹些初始化工作。 )

按壹下 Aciton 面板右上的箭頭選擇 Expert Mode(Ctrl+E)專家模式進行代碼輸入(壹 ***有兩種編輯模式,還有壹種是 Normal Mode,是用選擇的方法來輸入的,我們今天用的 是直接輸入代碼的方式)。

將以下代碼輸入,我給妳詳細的解釋:

time = new Date();

//獲取系統日期 //獲取系統小時數(24 小時制,0-23) //獲取系統分鐘數 //獲取系統秒數

hours = time.getHours(); minutes = time.getMinutes();

seconds = time.getSeconds(); if (hours>12) { hours = hours-12; }

//假如系統時間大於 12,系統時間可能是用 24 小時表示的 //系統時間數減去 12 賦予 hours 變量,因為我們的鐘是 12 小時的

if (hours<1) { hours = 12; }

//假如系統時間小於 1 //則 hours 變量為 12,因為鐘上沒有 0 點的說法

hours = hours*30+int(minutes/2); 算時針應該旋轉的角度

hours 變量=前面給的小時數+分鐘數/2 ,這裏是在計

minutes = minutes*6+int(seconds/10); 是在計算分針應該旋轉的角度 seconds = seconds*6;

// minutes 變量=前面給的分鐘數+秒數/10 , 這裏

//seccondes 變量=前面獲得的秒數×6,因為鐘有 360 度

接著,對時針進行添加如下 Action(講鼠標定位於時針上):

onClipEvent (enterFrame) { setProperty (this, _rotation, _root.hours); //當該 Movie Clip 開始工作時,設置當前對象

(當然是這個指針了)的角度為根目錄下 hours 變量的值。 }

同樣對分針和秒針分別添加如下 Action:

onClipEvent (enterFrame) { setProperty (this, _rotation, _root.minutes); } onClipEvent (enterFrame) { setProperty (this, _rotation, _root.seconds); }

4)好了,最後我們還要在 Action 層的第二楨插入壹個空白楨(Insert>Blank Frame 或 )

F7),添加 Action: gotoAndPlay (1);為的是能夠循環偵測系統時間並設置變量值,已達到 時鐘動態運行的目的!

謝天謝地! 終於完成了, 妳是不是迫不及待了呢?快按 Ctrl+Enter 來看看效果吧! 哈哈! 是不是帥呆了!

  • 上一篇:提升大學生技能的黑科技
  • 下一篇:QLU11式35毫米狙擊榴彈發射器
  • copyright 2024編程學習大全網