教學(xué)目的:通過本節(jié)教學(xué)了解和熟悉組件按鈕及實例名稱的創(chuàng)建與設(shè)定,,輸入文本,,動作面板與腳本的運用,,通過巧妙的設(shè)計與制作,,進而實現(xiàn)加載外部swf作品在線演示之動畫效果,。
教學(xué)對象:本教材是針對有一定動畫制作基礎(chǔ)和對屬性面板,、工具箱,動作面板,、as語句及相關(guān)界面有所了解的朋友們編寫的,,因此省略了一些步驟,還望諒解,。
教學(xué)重點:影片剪輯,、組件、動態(tài)文本,、實例名稱,,動作面板、as語句,。
先看效果:
制作過程
1.啟動flash8軟件。
2.確立文檔屬性 設(shè)置動畫尺寸為550*450,,背景顏深綠,,其它默認,點擊確定,進入場景1,。如圖1所示:
圖1
3.創(chuàng)建影片剪輯元件
選擇“插入-新建元件”,,建立一個名為“演示”的影片剪輯元件,點擊確定,,進入元件編輯區(qū),。添加四個圖層,共五個圖層,。自下而上命名為矩形背景,、組件按鈕、輸入文本,、靜態(tài)文本,、as語句。
1.選擇矩形背景圖層第1幀,,用矩形工具在舞臺拖一個規(guī)格為550*400的,,無邊線的淡綠色的矩形,左對齊-上對齊,。上鎖,。如圖2所示:
圖2
2.選擇組件按鈕圖層第1幀,點擊“窗口-組件”打開組件面板,,雙擊User Interface圖標(biāo),,將Button組件按鈕拖入舞臺,,規(guī)格不變,將其放置在矩形背景的右下方,,調(diào)整好位置,。如圖3、4所示:
圖3
圖4
選中該實例,,打開屬性面板的“參數(shù)”界面,,設(shè)置其參數(shù),如圖5所示:
圖5
完成后的舞臺實例變化,,如圖6所示:
圖6
再點擊該實例,,在屬性面板填寫其實例名稱為: swf 。上鎖,。如圖7所示:
圖7
3.選擇輸入文本圖層第1幀 ,,用輸入文本工具,在組件按鈕的左側(cè)拖一個規(guī)格為310*22的文本框,,和組件按鈕并列,,水平中齊。如圖8所示:
圖8
點擊該實例,,在屬性面板填寫其實例名稱為 shuru ,。如圖9所示:
圖9
該實例的其它相關(guān)參數(shù)設(shè)置,如圖10所示:
圖10
鎖定該圖層,。
4.選擇靜態(tài)文本圖層第1幀 ,, 用文本工具在輸入文本的右側(cè),輸入:相關(guān)提示,,顏色,、規(guī)格、字體自定,。調(diào)整好規(guī)格位置,;再在矩形背景上輸入:作品的題目,顏色,、規(guī)格,、字體自定。調(diào)整好規(guī)格位置,。上鎖,。如圖11所示:
圖11
5.選擇as語句圖層第1幀 , 按f9,,打開動作面板,,在as編輯區(qū)輸入,如下幀語句:
swf.onRelease = function () { attachMovie("loading", "loading_mc", getNextHighestDepth()); loading_mc._x = 80; loading_mc._y = 215; loading_mc.loadt_mc._xscale = 0; var _loc2 = shuru.text; var type = _loc2.substr(-3, 3); createEmptyMovieClip("swf_mc", 1); var _loc3 = new MovieClipLoader(); var _loc1 = new Object(); _loc1.onLoadProgress = function (target, bytesLoaded, bytesTotal) { loading_mc.loadt_mc._xscale = Math.floor(bytesLoaded / bytesTotal * 100); }; _loc1.onLoadInit = function (swf_mc) { loading_mc.removeMovieClip(); swf_mc._x = 0; swf_mc._y = 0; if (type == "swf") { swf_mc._xscale = swf_mc._yscale = 100; } else { while (swf_mc._width > 550 || swf_mc._height > 400) { swf_mc._xscale = swf_mc._xscale - 1; swf_mc._yscale = swf_mc._yscale - 1; } } }; _loc3.addListener(_loc1); _loc3.loadClip(_loc2, swf_mc); };
鎖定該圖層。該環(huán)節(jié)完成后的時間軸,,如圖12所示:
圖12
4.組織編輯場景
進入場景1,,添加一個圖層,共兩個圖層,。自下而上命名為演示,、邊框。
(1)選擇演示圖層第1幀,,從庫中拖出“演示”影片剪輯元件到舞臺,,規(guī)格不變,左對齊-上對齊,。上鎖,。如圖13所示:
圖13
(2)選擇邊框圖層第1幀,導(dǎo)入或制作一個邊框,,規(guī)格550*450,,全居中。上鎖,。如圖14所示:
圖14
5.本作業(yè)完成后的時間軸如圖15所示:
圖15
6.測試存盤
說明:
1.外調(diào)swf作品的最好是550*400規(guī)格的,。
2.矩形背景也可改換為圖片和動畫作品等。
|