好的,廢話少說,現在就開始吧!
具體制作步驟: 具體制作步驟:
壹、制作時鐘各個部件
先交待壹下,我們要制作的是典型的鬧鐘壹樣的時鐘:圓圓的“身體”,長短依次的遞減 的秒針、分針、時針。現在我們要做的就是先將這身體和指針打造出來。
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 來看看效果吧! 哈哈! 是不是帥呆了!