歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨  歡 迎 大 駕 光 臨 
免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享

歷史上的今天:

論壇通知
返回列表 發帖

製作定時鬧鐘

本文來自:多姿多采 創作與製圖論壇http://colorful.joinbbs.net/★ 或網路,轉貼請注明出處! 發主題者:若隱若現 您是第496位瀏覽者





本帖隱藏的內容需要積分高於 100 才可瀏覽
[隨機語錄]:

設計步驟
一、 設計鐘盤

  1.設計鐘面

1). 新建一個Flash文檔,單擊“屬性”面板中的“尺寸”按鈕,打開“文檔屬性”面板設置場景大小為400px*400px,背景為墨藍色(#00659C),幀頻為12fps

2). 按快捷鍵Ctrl+F8打開“新建元件”面板,創建一個“鐘盤”圖形元件,如圖1所示。雙擊“鐘盤”元件中的“圖層1”三字,將其名改為“鐘盤”。這樣做方便對元件的管理和修改,提高工作效率。

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

3). 點選工具欄中的“橢圓工具”
並去掉填充色,如圖2所示。按住Shift鍵和鼠標左鍵在“鐘盤”元件的場景中拉出一個空心圓來。用“箭頭工具”
點選剛才繪製的空​​心圓後,如圖3所示設置其“屬性”面板。在點選空心圓後也可以按快捷鍵Ctrl+I打開“信息面板”進行設置。現在“信息面板”的用處就是設置元件的原點——以場景的左頂點為原點或以場景的中心點為原點

  
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

4). 按快捷鍵Shift+F9打開“混色器”面板,在下拉菜單裡選擇“放射”選項。如圖4所示設置,左面滑塊的顏色為#880000,右邊滑塊的顏色為#650101

5). 點選“顏料桶工具”/,在空心圓中心單擊一下鼠標左鍵著色。

6). 點選剛才繪製的空​​心圓,按快捷鍵Ctrl+C(複製),和快捷鍵Ctrl+V(粘貼)複製出一個空心圓。緊接著在“屬性面板”中將其大小設成280px*280px,X軸,Y軸的值設為-140px,線寬為2px。這樣使兩個空心圓的圓心重合。刪除圓最外的邊線。內圓線寬為2px可以顯示出鐘盤的層次感。

7). 按快捷鍵Ctrl+A全選場景中的元素,按快捷鍵Ctrl+G把它們組合。到這裡,一個具有立體感的鐘盤就完成了。最終效果如圖5所示。

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

2.設計時鐘刻度

1). 點選“線條工具”
拉出一條橫線(長於鍾面外圓的直徑),用“箭頭工具”點選它,按快捷鍵Ctrl+G組合它。在“屬性”面板裡把該橫線的Y軸值設為0 px(穿過圓心)。同樣方法繪製一條穿過圓心的豎線,按快捷鍵Ctrl+G組合。

2). 點選橫線,按快捷鍵Ctrl+C複製,再按快捷鍵Ctrl+V粘貼出一條橫線。按快捷鍵Ctrl+T打開“變形”面板。在彈出的“變形”面板裡,把“旋轉”選項裡將線條的角度改為30o。然後敲擊Enter確定。再分別製作出角度為60o、120o、150o的三條斜線。最終設置如圖6所示。

3). 單擊“時間軸”面板裡的“插入圖層”圖標/新建一層,將層改名為“刻度”。

4). 點選“文本工具”/,如圖7所示設置“屬性”面板,“文本填充色”為黑色。在“鐘盤”各刻度的位置寫下12個數字。點選“橢圓工具”,在鐘盤的中心繪製一個直徑為8px的盤心,最後刪除刻度線。在整個設計中,刻度線的作用是很重要的,有了刻度線,不但操作起來方便,標出的刻度也很精確。


5). 按快捷鍵Ctrl+A全選所有刻度,按快捷鍵Ctrl+G將它們組合。這樣,一個具有立體感的鐘盤就完成了。最終效果如圖8所示。

附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

二、設計旋轉指針  
1.設計指針按快捷鍵Ctrl+F8打開“新建元件”面板,分別創建名為“時針”、“分針”、“秒針”的影片剪輯元件。指針的形狀大家隨便設計,美觀大方即可。不過,有個技術上的問題大家一定要注意:指針在由程序控制轉動後,是圍繞元件場景中心“╬”旋轉的。所以設計時,指針的尾部一定要“╬”上,如圖9所示。

2.旋轉指針

下面我們來設計一段控制指針旋轉的代碼。

1). 按快捷鍵Ctrl+E回到“場景1”,新建四個層,分別改名為“鐘盤”、“時針”、“分針”、“秒針”。

2). 按快捷鍵Ctrl+L打開“庫”面板,把庫中的“鐘盤”、“時針”、“分針”、“秒針”元件拖入相應的層。注意:每個元件的尾部“╬”都要附在鐘面的盤心上;層的順序不要顛倒;鎖定或隱藏設計好的層,以便設計其它層。如圖10所示。


3). 分別點選“時針”、“分針”、“秒針”三個影片元件,在“屬性”面板里分別設置其實例名為“時針”、“分針”、“秒針”。如圖11所示。





附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

4). 新建一個“代碼”層,點選該層的第1幀,按快捷鍵F9彈出“動作”面板,輸入如下代碼。
本帖隱藏的內容需要回復才可以瀏覽

[隨機語錄]:

TOP

三、設計日期顯示

1). 鎖定其它層。單擊“插入圖層”圖標
新建一層,改名為“日期”層。

2). 點選“文本工具”
,“屬性”面板設置見圖12所示,“文本填充色”為黑色。

3). 按住鼠標左鍵在鐘盤6點的位置正上方拉出一個動態文本框。將該動態文本框命名為“日期”。最終設置如圖12所示。


4). 點選“代碼”層的第1幀,打開“動作”面板,再輸入如下代碼。
本帖隱藏的內容需要回復才可以瀏覽



注意:因為日期對象的月份是從0開始編號的,所以要將其加1才能得到真實的月份值。按快捷鍵Ctrl+Enter測試一下,如果操作正確,應該可以看見日期顯示。
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

四、設計星期顯示
  同日期顯示的設計方法。新建一個“星期”層。再建一個名為“星期”的動態文本框,字體為宋體,大小為12。將該文本框放在“日期”文本框的下方。
點選“代碼”層的第1幀,打開“動作”面板後輸入如下代碼。
本帖隱藏的內容需要回復才可以瀏覽
[隨機語錄]:

TOP

五、設計時間顯示
同以上步驟,新建一個“時間”層。再建一個名為“時間”的動態文本框。將該文本框放在鐘盤的上方。
點選“代碼”層的第1幀,打開“動作”面板,再輸入如下代碼。
本帖隱藏的內容需要回復才可以瀏覽

按快捷鍵Ctrl+Enter測試一下,如無法正常顯示系統時間,則檢查再試。
[隨機語錄]:

TOP

六、指針旋轉聲音
沒有聲音的實例總是讓人覺得有點沉悶,乏味。下面設計的一段程序,可以在時鐘走動時,發出滴答的聲音。這樣,效果就被延伸到聽覺範圍了。  
1.單擊【窗口】菜單->【其他面板】->【公共庫】->“聲音”選項打開“聲音”庫。按快捷鍵Ctrl+L打開本例的“庫”面板。用鼠標左鍵按住“聲音”庫中的聲音文件Switch Toggle,將其拖入本例的庫中。  
2.右鍵單擊“庫”面板中的聲音文件,在彈出的菜單中選擇“鏈接...”命令,打開“鏈接屬性”面板,如圖13進行設置。創建聲音標識符為“滴答聲”。

3.點選“代碼”層的第1幀,打開“動作”面板,再輸入如下代碼。

本帖隱藏的內容需要回復才可以瀏覽
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

七、整點報時功能  
1.單擊【文件】菜單->【導入】->“導入到庫”選項。在彈出的“導入到庫”面板中選擇一個報時的音樂導入(建議導入.mp3格式的音樂)。  
2.打開“庫”面板,右鍵單擊面板中報時聲音文件,在彈出的菜單中選擇“鏈接...”命令,打開“鏈接屬性”面板,創建聲音標識符為“報時聲”。  
3.點選“代碼”層的第1幀,打開“動作”面板,再輸入如下代碼。
本帖隱藏的內容需要回復才可以瀏覽

有了以上這段代碼,當整點的時候,整點報時的聲音就會響起來了。


[隨機語錄]:

TOP

八、定時鬧鈴功能   
1.在“場景1”中新建一層,命名為“鬧鈴”。   
2.在鐘盤的右側放置兩個“輸入”文本框,分別設置其變量名為“時鐘”和“分鐘”。 “屬性” 面板的設置隨意,文本框的位置參見最終效果圖。在兩個“輸入”文本框中放置一個“靜態”文本框,輸入冒號。 注意:確定“屬性”面板中的“文本”範圍圖標/要被選中。設置允許最大輸入字符數為2(圖14)。單擊“字符按鈕”
,如圖
15所示進行設置。這樣,設置好的“動態文本”框裡只允許輸入2個數字。



3.單擊【文件】菜單->【導入】->“導入到庫”選項。在彈出的“導入到庫”面板中選擇一個鬧鈴聲導入(建議導入.mp3格式的音樂)。

4.打開“庫”面板,右鍵單擊剛才導入的聲音文件,同上步驟,在彈出的菜單中選擇“鏈接...”命令,打開“鏈接屬性”面板。為了簡化文章,筆者在這裡還使用“報時聲”。

5.
點選“代碼”層的第1幀,打開“動作”面板,再輸入如下代碼。
本帖隱藏的內容需要回復才可以瀏覽



測試看效果吧,學會製作這個鬧鐘後,你至少可以掌握到Flash MX 2004中一些常用面板的使用方法,以及時間對象、聲音對象和一些基本AS語法的運用。
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊
[隨機語錄]:

TOP

返回列表