如何製作flash載入頁面?
- 2022-08-02
第一幀上
stop();
元件名。addEventListener(MouseEvent。MOUSE_DOWN,mydown);
function mydown(event:MouseEvent):void {
gotoAndPlay(動畫幀數);
}
製作全Flash網站和製作html網站類似,事先應先在紙上畫出結構關係圖,包括:網站的主題、要用什麼樣的元素、哪些元素需要重複使用、元素之間的聯絡、元素如何運動、用什麼風格的音樂、整個網站可以分成幾個邏輯塊、各個邏輯塊間的聯絡如何、以及你是否打算用Flash建構全站或是隻用其做網站的前期部分等等,都應在考慮範圍之內。
實現全Flash網站效果多種多樣,但基本原理是相同的:將主場景作為一個“舞臺”,這個舞臺提供標準的長寬比例和整個的版面結構,“演員”就是網站子欄目的具體內容,根據子欄目的內容結構可能會再派生出更多的子欄目。主場景作為“舞臺”基礎,基本保持自身的內容不變,其它“演員”身份的的子類、次子類內容根據需要被匯入到主場景內。
從技術方面講,如果你已經掌握了不少單個Flash作品的製作方法,再多瞭解一些swf檔案之間的呼叫方法,製作全Flash網站並不會太複雜。
參考流程:網站結構規劃—> Flash場景規劃—>素材準備—>分別製作—>整體整合
一、全Flash網站和單個Flash作品製作的區別
二、常用技術
1、重要ActionScript程式碼控制
2、Loading的製作
3、文字匯入
三、例項製作剖析
1、本例項網站結構規劃
2、首頁場景index。swf的製作
3、次場景Cartoon(200208。swf)的製作
4、二級次場景(200208_frog01~200208_frog05)製作
5、About中的文字匯入
四、注意事項
以上我們透過例項剖析的方式大略介紹了全Flash網站的基本製作方法,希望給喜歡Flash的朋友們一點實實在在的幫助,期望不久以後能看到大家做出的精彩Flash網站!本文Flash網站例項原始檔下載
一、全Flash網站和單個Flash作品製作的區別
1、檔案結構不同
單個Flash作品的場景、動畫過程及內容都在一個檔案內,而全 Flash網站的檔案由若干個檔案構成,並且可以隨發展的需要繼續擴充套件。全Flash網站的檔案動畫分別在各自的對應檔案內。透過Action的匯入和跳轉控制實現動畫效果,由於同時可以載入多個SWF檔案,它們將重疊在一起顯示在螢幕上。
2、製作思路不同
單個Flash作品的製作一般都在一個獨立的檔案內,計劃好動畫效果隨時間線的變化或場景的交替變化即可。全Flash網站製作則更需要整體的把握,透過不同檔案的切換和控制來實現全Flash網站的動態效果,要求製作者有明確的思路和良好的製作習慣。
3、檔案播放流程不同
單個Flash作品通常需要將所以的檔案做在一個檔案內,在觀看效果是必須等檔案基本下載完畢才開始播放。但全Flash網站是透過若干個檔案結合在一起,在時間流上更符合Flash軟體產品的特性。檔案可以做的比較小,透過陸續載入其它檔案更適合Internet的傳播,這樣同時避免了訪問者因等待時間過長而放棄瀏覽。
二、常用技術
1、重要ActionScript程式碼控制
這是全Flash網站實現的關鍵,尤其是Flash MX新增了很多功能強大的命令,關於這部分,請大家可以參看看看其它的資料,這裡只介紹部分製作全Flash網站需要使用的比較重要的ActionScript函式。
loadMovieNum(“url”,level[, variables])
loadMovie(“url”,level/target[, variables])
功能說明:
在播放原來載入的影片的同時將SWF或JPEG檔案載入進來。
引數說明:
url 要載入的 SWF 或 JPEG 檔案的絕對或相對 URL,不能包含資料夾或磁碟驅動器說明。
level 把swf檔案以層的形式載入到Movie裡,若載入0層,則載入的swf檔案將取代當前播放的Movie,。2層高於1層。
Target 可用路徑拾取器取得並替換目標MC,載入的電影將擁有目標MC的位置、大小和旋轉角度等屬性。(個人認為用Target好些,在控制載入。swf位置時比較方便)
variables 可選引數,指定傳送變數所使用的 HTTP 方法(GET/POST),如果沒有則省略此引數。
層次Level:Flash允許同時執行多個SWF檔案,Flash一旦載入一個SWF檔案,則佔據了一個“層次”,系統預設的是_Flash0或_Level0,之後的Movie則按順序放在level0——-level16000裡。第一個載入的SWF檔案為_Flash0或_Level0,第二個如果載入到第一層時的稱為_Flash1或_Level1,依此類推。注意前提是前面載入的檔案沒有退出,否則沖掉第一個SWF檔案,第一個檔案也從記憶體中退出。
注意:如果你將外部的Movie載入到Leve0層或者Level0裡,那麼,原始的Movie就會被暫時取代,要再用時還得重新Load一次,也就是說,一個Level在一個時間裡只能有一個Movie存在。在使用LoadMovie和UnLoadMovie時必須特別注意Level之間的關係,否則,當你希望在一個時間裡只播放一個Movie而Unload掉前一個Movie時,就會出現不必要的麻煩。
unloadMovieNum(level)
unloadMovie[Num](level/“target”)
功能說明: 從 Flash Player 中刪除已載入的影片。
引數說明: 同上
loadVariables (“url” ,level/“target” [, variables])
功能說明:
從外部檔案中(例如文字檔案,或由 CGI 指令碼、Active Server Page (ASP)、PHP 或 Perl 指令碼生成的文字)讀取資料,並設定 Flash Player 級別或目標影片剪輯中變數的值。
引數說明:
url 變數所處位置的絕對或相對 URL
level 指定 Flash Player 中接收這些變數的級別的整數。
Target 指向接收所載入變數的影片剪輯的目標路徑。
variables 可選引數,指定傳送變數所使用的 HTTP 方法(GET/POST),如果沒有則省略此引數。
gotoAndPlay(scene, frame)
功能說明:
轉到指定場景中指定的幀並從該幀開始播放。如果未指定場景,則播放頭將轉到當前場景中的指定幀。
引數說明:
scene 轉到的場景的名稱。
frame 轉到的幀的編號或標籤。
2、Loading的製作
考慮到網路傳輸的速度,如果index。swf檔案比較大,在它被完全匯入以前設計一個Loading引導瀏覽者耐心等待是非常有必要的。同時設計得好的loading在某些時候還可以為網站起一定的鋪墊作用。
一般的做法是先將loading做成一個MC,在場景的最後位置設定標籤如end,透過ifFrameLoaded來判斷是否已經下載完畢,如果已經下載完畢則透過gotoAndPlay控制整個Flash的播放。
以一個Loading檔案為例,在場景里加入插入MC,
ifFrameLoaded (“end” ) {
gotoAndPlay(“開始播放的地方”);
}
3、文字匯入
在我們製作全Flash網站的過程中經常遇到一定量的文字內容需要體現,文字的內容表現與上面介紹的流程是一樣的,不同的地方體現最後的表現效果和處理手法還是有些不同。
方法一、文字圖形法
如果文字內容不多,有希望將文字內容做的比較有動態效果,可以採用此法。將需要文字做成若干個Flash的元件,在相應的位置安排好。文字圖形法的檔案載入與上面介紹的處理手法比較類似,原理都差不多。具體動態效果就有待大家自己去考慮,這裡就不多介紹。
方法二、直接匯入法
文字匯入法可以將獨立的。txt文字檔案,透過loadVariables匯入到Flash檔案內,修改時只需要修改txt文字內容就可以實現Flash相關檔案的修改,非常方便。
在文字框屬性中設定Var:變數名(注意這個變數名)。
為文字框所在的幀新增ActionScript程式碼:
loadVariables(“變數名。txt”, “”);
編寫一個純文字檔案。txt(檔名隨意),文字開頭為“變數名=”,“=”後面寫上正式的文字內容。
三、例項製作剖析
一般製作流程:
網站結構規劃—> Flash場景規劃—>素材準備—>分別製作—>整體整合
1、本例項網站結構規劃
網站欄目:News、About、E-mail、Gallery、Cartoon、Animation
子欄目About:Feiying is、Member、Relationship、Contact Us
紅線部分構成主場景(舞臺),每個子欄目在首頁裡僅保留名稱,屬性為按鈕。
藍線部分內容為次場景(演員),可以將次場景內容做在一個檔案內,同時也可以做成若干個獨立檔案,根據需要匯入到主場景(舞臺)內。
2、首頁場景index。swf的製作
全Flash網站由主場景、子場景、次子場景……構成。
和製作html網站類似,一般我們會製作一個主場景index。swf,主要內容包括:長寬比例、背景、欄目導航按鈕、網站名稱等“首頁”資訊。最後釋出成一個html檔案,或者自己做一個html頁面,內容就是一個表格,裡面寫上index。swf的嵌入程式碼即可。
主場景安排:
藍色線條部分為網站名稱、版權等固定資訊區,通常所在位置為Flash動畫的邊緣位置。
橙色線條內容為網站欄目導航按鈕,通常也是固定在某個區域。按鈕可以根據需要做成靜態或動態效果,甚至可以做成一個包含MC變化的Button。
綠色線條部分為主場景匯入子檔案的演示區域。
在子檔案的裝載方面主要用到:LoadMovieNum、UnloadMovieNum兩個控制函式,請參閱前文重要ActionScript程式碼控制。
這裡我們以子欄目Cartoon的製作為例。主場景檔案index中有一個按鈕Cartoon,當我們點選Cartoon按鈕時希望匯入cartoon資料夾下的200208。swf檔案。所以我們在場景內選擇Cartoon按鈕,新增Action程式碼:
on (release) {
loadMovieNum(“cartoon/200208。swf”, 1);
unloadMovieNum (2);
}
注意這裡我們設定level為 1。
3、次場景200208。swf的製作
現在確定Cartoon子欄目需要匯入的檔案200208。swf,該檔案計劃包含5個子檔案。所以200208。swf檔案的介面只包含用於匯入5個獨立子檔案的5個圖形按鈕和一個標題。
200208。swf
從圖上大家可以看到,200208。swf檔案包含5個屬性為button的小圖示,分別為Bu_2_frog01到Bu_2_frog05。我們需要的效果是:點選它們則分別匯入相應檔案200208_frog01。swf到200208_frog05。swf檔案。
我們在場景內選擇Bu_2_frog01,為這個按鈕新增ActionScript:
on (release) {
loadMovieNum(“cartoon/200208_frog01。swf”, 2);
}
點選Bu_2_frog02,為這個按鈕新增ActionScript:
on (release) {
loadMovieNum(“cartoon/200208_frog02。swf”, 2);
}
……
依次將5個button分別設定好相對應的action以便呼叫相應的檔案。
注意:這裡我們設定level為2,是為了保留並區別主場景1而設定的匯入的層次數,如果需要匯入下一級的層數,則層數增加為3,依次類推。
4、二級次場景(200208_frog01~200208_frog05)製作
這裡的二級次場景是與上級關聯的內容,是本例中三級結構中的最後一級。該級主要為全Flash網站具體內容部分,可以是詳細的圖片、文字、動畫內容。這裡需要連線的是具體圖片為內容,但同樣需要做成與主場景比例同等的swf檔案。例如:
200208_frog01
200208_frog02
該場景是最底層場景,為主體內容顯示部分,具體動畫效果大家可以根據需要做更深入。注意要在場景最後一幀處加入停止ActionScript程式碼:stop();這樣可以停止場景動畫的迴圈動作。
完整匯入到主場景內的效果
5、About中的文字匯入
檢視本例的About子欄目,在檔案index。fla裡設定About按鈕的action:
on (release) {
loadMovieNum(“aboutus。swf”, 1);
unloadMovieNum (2);
}
在aboutus。fla檔案中做好顯示文字的文字框,文字框屬性設定為多行(Multiline),Var:aboutus(注意這個變數名)。
為文字框所在的幀加ActionScript程式碼:
loadVariables(“aboutus。txt”, “”);
在aboutus。swf檔案所屬目錄下編寫一個純文字檔案about。txt,文字開頭為“aboutus=”,“=”後面寫上正式的文字內容。
將文字檔案完整匯入到主場景內的效果
四、注意事項
1、注意所有子檔案的長、寬屬性
全Flash網站從畫面層次來看,非常類似Photoshop的層結構,我們可以把每個子場景看做為一個層檔案,子檔案是在背景的長寬範圍內出現。為了方便定位,我們可以讓子檔案與主場景保持統一的長寬比例,這樣非常便於版面安排。否則就必須用setProperty語句小心控制它們的位置。
2、釋出檔案時注意將html選項釋出為透明模式
需要將每個子檔案釋出為透明模式的原因是不能讓子檔案帶有背景底色,由於子檔案的長寬比例與主場景基本是一致的,如果子檔案帶有底色,就會遮蓋主場景的內容。
設定方法:在釋出設定裡勾選html選項,在html面板裡選擇windows mode:Transparent Windowless, 如圖。
3、使用文字匯入時,注意文字檔案開頭的內容必須是“與文字框屬性中Var定義名相同的字串=正文”。另外需要匯入文字的swf檔案與被匯入的txt文字檔案最好在同一目錄內。
4、注意仔細檢查檔案之間的呼叫是否正確,避免出現“死連結”。