Flash腳本基礎(chǔ)實例導航條及MC_第1頁
Flash腳本基礎(chǔ)實例導航條及MC_第2頁
Flash腳本基礎(chǔ)實例導航條及MC_第3頁
Flash腳本基礎(chǔ)實例導航條及MC_第4頁
Flash腳本基礎(chǔ)實例導航條及MC_第5頁
已閱讀5頁,還剩70頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC FLASH腳本特效腳本特效 常用腳本特效欣賞 螢火蟲螢火蟲 雪花雪花 彈性跟隨彈性跟隨 網(wǎng)頁導航條網(wǎng)頁導航條 黑客帝國數(shù)字流黑客帝國數(shù)字流 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 學習內(nèi)容 腳本基礎(chǔ)知識腳本基礎(chǔ)知識 按鈕元件的使用按鈕元件的使用 導航菜單的制作導航菜單的制作 控制影片剪輯的腳本控制影片剪輯的腳本 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC AS可添加在哪些對象上可添加在哪些對象上(A

2、S2.0): 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC AS基礎(chǔ)知識基礎(chǔ)知識 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 事件:起觸發(fā)作用的事情。如鼠標的移動、按下或釋事件:起觸發(fā)作用的事情。如鼠標的移動、按下或釋 放等;放等; 如如:按鈕常見事件:按鈕常見事件: release、 dragOut、rollOut 關(guān)鍵字:關(guān)鍵字:AS中有中有16個關(guān)鍵字個關(guān)鍵字 break continue delete else for function if in new retur

3、n this tupeof var void while with 幀標簽幀標簽:即關(guān)鍵幀的名字即關(guān)鍵幀的名字(在時間軸上顯示小紅旗在時間軸上顯示小紅旗); 元件實例名稱元件實例名稱: “元件元件”從從【庫庫】中進入中進入“舞臺舞臺”就被就被 稱為該稱為該“元件元件”的的“實例實例”;有名稱的影片剪輯實例有名稱的影片剪輯實例 才能在動作面板中調(diào)用。才能在動作面板中調(diào)用。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC Action Script的語法的語法 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 腳本的控制結(jié)構(gòu)腳本的控制結(jié)構(gòu) 信息工程學院 F

4、lash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 1、單分支、單分支 格式格式: if (條件條件) 要執(zhí)行的代碼要執(zhí)行的代碼; 功能功能:如果條件滿足,執(zhí)行相應語句如果條件滿足,執(zhí)行相應語句;如果條件不滿足如果條件不滿足, 程序繼續(xù)。程序繼續(xù)。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 3、多分支、多分支 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 二、循環(huán)結(jié)構(gòu)二、循環(huán)結(jié)構(gòu) 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 按鈕元件的使用 信息工

5、程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 6.3 Action行為實例行為實例 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 給按鈕加動作 給按鈕加動作給按鈕加動作 實例實例:播放、重播、停止按鈕:播放、重播、停止按鈕 從公用庫中導入按鈕;從公用庫中導入按鈕; 回到場景中,拖入按鈕,給按鈕實例加動作回到場景中,拖入按鈕,給按鈕實例加動作 on (release) gotoAndplay( 1);/重播重播 給按鈕加動作腳本給按鈕加動作腳本,必須添加事件必須添加事件on on(re

6、lease) stop( ); 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 2、簡單圖片瀏覽器制作 FlashFlash中制作按鈕元件中制作按鈕元件, ,可任意發(fā)揮可任意發(fā)揮; ;新建圖層新建圖層 “按鈕按鈕”, ,放置制作好的按鈕放置制作好的按鈕( (如上一頁、下一如上一頁、下一 頁頁);); 新建圖層新建圖層”圖片圖片”, ,導入四幅圖片導入四幅圖片(4(4個關(guān)鍵幀個關(guān)鍵幀);); 并將此層拖入最底層并將此層拖入最底層; ;其它圖層延續(xù)到第其它圖層延續(xù)到第4 4幀幀; ; 在在“圖片圖片”上又新建圖層上又新建圖層, ,命名為命名為”圖片序圖片序 號號”, ,畫白色

7、無邊線矩形做為背景畫白色無邊線矩形做為背景; ;左邊是一個左邊是一個 動態(tài)文本動態(tài)文本, ,將其變量名設(shè)為將其變量名設(shè)為” b b”, ,中間畫一條中間畫一條 斜線斜線, ,右邊是一個靜態(tài)文本右邊是一個靜態(tài)文本”4 4”; ; 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 在最上層新建圖層在最上層新建圖層,命名為命名為”腳本腳本”;在第一幀添加如下在第一幀添加如下 腳本腳本: stop(); b=“1”; 上一頁按鈕添加如下腳本上一頁按鈕添加如下腳本: on(release) prevFrame(); if(b1)b-; 下一頁按鈕添加如下腳本下一頁按鈕添加如下腳本:

8、on(release) nextFrame(); if(b4)b+; 2、簡單圖片瀏覽器制作 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 12.2 動作運用動作運用 l gotoAndPlaygotoAndPlay:從當前幀轉(zhuǎn)到目標幀開始播放動畫。:從當前幀轉(zhuǎn)到目標幀開始播放動畫。 l gotoAndStopgotoAndStop:從當前幀轉(zhuǎn)到目標幀并停止播放動畫。:從當前幀轉(zhuǎn)到目標幀并停止播放動畫。 l playplay:開始播放已停止了的動畫。:開始播放已停止了的動畫。 l stopstop:從該幀停止當前正在播放的動畫。:從該幀停止當前正在播放的動畫。 l ne

9、xtFramenextFrame:從當前幀轉(zhuǎn)到下一幀。:從當前幀轉(zhuǎn)到下一幀。 l nextScenenextScene:從當前場景轉(zhuǎn)到下一場景。:從當前場景轉(zhuǎn)到下一場景。 l prevFrameprevFrame:從當前幀轉(zhuǎn)到前一幀。:從當前幀轉(zhuǎn)到前一幀。 l prevSceneprevScene:從當前場景轉(zhuǎn)到前一場景。:從當前場景轉(zhuǎn)到前一場景。 l stopAllSoundsstopAllSounds:停止正在播放的所有聲音。:停止正在播放的所有聲音。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 按鈕在圖片瀏覽中的應用舉例按鈕在圖片瀏覽中的應用舉例 p 例一例一

10、p 例二例二 p 例三例三 u 原理分析:原理分析:通過按鈕來通過按鈕來 控制圖片切換,并且圖片控制圖片切換,并且圖片 切換時有過渡效果。切換時有過渡效果。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 例例1 1、2 2主要步驟講解:主要步驟講解: 1.1.制作控制圖片切換的按鈕(用直接復制方法);制作控制圖片切換的按鈕(用直接復制方法); 2.2.把每張圖片制作成含切換效果的影片剪輯,并在最后一個把每張圖片制作成含切換效果的影片剪輯,并在最后一個 關(guān)鍵幀加關(guān)鍵幀加stopstop語句;語句; 3.3.新建一個影片剪輯,把第二步制作的每張圖片的剪輯放入該新建一個影片剪

11、輯,把第二步制作的每張圖片的剪輯放入該 影片剪輯的時間軸上,并在第一幀加影片剪輯的時間軸上,并在第一幀加stopstop語句語句 (如右圖,一幀放一個圖片剪輯)(如右圖,一幀放一個圖片剪輯) 4.4.回到主場景,將第三步制作的影片剪輯拖放到場景中所需位回到主場景,將第三步制作的影片剪輯拖放到場景中所需位 置,輸入影片剪輯的實例名稱,并設(shè)置其置,輸入影片剪輯的實例名稱,并設(shè)置其AlphaAlpha值為值為0 0; 5.5.新建圖層,將第一步制作好的按鈕拖放到場景中所需位置并新建圖層,將第一步制作好的按鈕拖放到場景中所需位置并 擺放整齊,然后分別選擇按鈕打開動作面板,寫入代碼。擺放整齊,然后分別選

12、擇按鈕打開動作面板,寫入代碼。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 例例1 1、2 2主要步驟講解:主要步驟講解: 根據(jù)需要,按鈕上寫入的代碼主要有以下幾種:根據(jù)需要,按鈕上寫入的代碼主要有以下幾種: 序號按鈕序號按鈕“1”切換代碼:切換代碼: on(release或或rollOver等)等) 剪輯實例名剪輯實例名.gotoAndStop( 1); 其他序號按鈕類推。其他序號按鈕類推。 “上一頁上一頁”切換代碼:切換代碼: on(release或或rollOver等)等) 剪輯實例名剪輯實例名.prevFrame( ); “下一頁下一頁”切換代碼切換代碼: o

13、n(release或或rollOver等)等) 剪輯實例名剪輯實例名.nextFrame( ); 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 滾動效果主要原理滾動效果主要原理 滾動的小圖片上有透明按鈕,當鼠標移滾動的小圖片上有透明按鈕,當鼠標移 動到小圖上的透明按鈕時,觸發(fā)了兩個動作:動到小圖上的透明按鈕時,觸發(fā)了兩個動作: 一是當前滾動的小圖停止;二是播放鼠標所一是當前滾動的小圖停止;二是播放鼠標所 指圖片的大圖。指圖片的大圖。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 1.制作以下元件制作以下元件 (1)把每張圖片制作成含切換效果的影片

14、剪輯,并在最把每張圖片制作成含切換效果的影片剪輯,并在最 后一個關(guān)鍵幀加后一個關(guān)鍵幀加stopstop語句;語句; (2 2)新建一個影片剪輯,把每張圖片的剪輯放入該影片)新建一個影片剪輯,把每張圖片的剪輯放入該影片 剪輯的時間軸上,并在第一幀加剪輯的時間軸上,并在第一幀加stopstop語句。語句。 (3 3)新建一個圖形元件,在元件中把每張圖縮小,擺放)新建一個圖形元件,在元件中把每張圖縮小,擺放 整齊,并復制一份并列擺放。如下圖所示。該元件用于制作整齊,并復制一份并列擺放。如下圖所示。該元件用于制作 圖片滾動剪輯。圖片滾動剪輯。 滾動效果主要步驟:滾動效果主要步驟: 信息工程學院 Fla

15、sh腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC (4)制作一個透明按鈕元件,按鈕大小與縮小圖片相同。)制作一個透明按鈕元件,按鈕大小與縮小圖片相同。 (5)制作一個影片剪輯,剪輯第一圖層放第()制作一個影片剪輯,剪輯第一圖層放第(3)步制作)步制作 的圖形元件;第二圖層將透明按鈕覆蓋在圖層一上的每張的圖形元件;第二圖層將透明按鈕覆蓋在圖層一上的每張 小圖上,幾個小圖就有幾個按鈕。選擇每個按鈕,打開動小圖上,幾個小圖就有幾個按鈕。選擇每個按鈕,打開動 作面板分別添加如下代碼:作面板分別添加如下代碼: on(rollOver) _root.gundongmc.stop( ); _root.pic

16、mc._alpha=100; _root.picmc.gotoAndStop(fzl); on(rollOut) _root.gundongmc.play(); _root.picmc._alpha=0; 滾動剪輯的實例名滾動剪輯的實例名 圖片效果剪輯的實例名圖片效果剪輯的實例名 圖片效果剪輯圖片效果剪輯 中幀的標簽,中幀的標簽, 每個按鈕的代每個按鈕的代 碼中此處的幀碼中此處的幀 標簽都不同。標簽都不同。 滾動效果主要步驟:滾動效果主要步驟: 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 滾動效果主要步驟:滾動效果主要步驟: (6)制作一個圖片滾動效果的剪輯。將第()

17、制作一個圖片滾動效果的剪輯。將第(5)步制作的)步制作的 含按鈕的剪輯拖放到場景中,制作圖片從右向左移動的補含按鈕的剪輯拖放到場景中,制作圖片從右向左移動的補 間動畫。間動畫。 2.回到主場景,將第(回到主場景,將第(6)步制作的滾動效果剪輯拖放到)步制作的滾動效果剪輯拖放到 場景中所需位置,并將在屬性面板中輸入其實例名稱為:場景中所需位置,并將在屬性面板中輸入其實例名稱為: gundongmc;將第(將第(2)步制作的含多張圖片切換的剪輯)步制作的含多張圖片切換的剪輯 拖放到場景中所需的位置(注意不要覆蓋滾動剪輯),在拖放到場景中所需的位置(注意不要覆蓋滾動剪輯),在 并屬性面板中修改剪輯的

18、透明度為并屬性面板中修改剪輯的透明度為0,輸入其實例名,輸入其實例名 為:為:picmc 。 3.測試動畫。測試動畫。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC goto語句詳解語句詳解 語句包括語句包括:gotoAndPlay(scene,frame) gotoAndStop(scene,frame) nextFrame( ) prevFrame( ) 通過時間跳轉(zhuǎn)到某一位置播放,即播放到該幀時直接通過時間跳轉(zhuǎn)到某一位置播放,即播放到該幀時直接 跳轉(zhuǎn)到某一指定幀;跳轉(zhuǎn)到某一指定幀; 通過交互進行跳轉(zhuǎn),即當有一個事件發(fā)生后,才跳轉(zhuǎn),通過交互進行跳轉(zhuǎn),即當有一個事件發(fā)

19、生后,才跳轉(zhuǎn), 所以此類跳轉(zhuǎn)必須寫在相關(guān)事件內(nèi),所以此類跳轉(zhuǎn)必須寫在相關(guān)事件內(nèi),onon內(nèi),此內(nèi),此onon又必又必 須添加到某對象內(nèi);須添加到某對象內(nèi); gotogoto語句可以添加在主時間軸,影片剪輯,按鈕中;語句可以添加在主時間軸,影片剪輯,按鈕中; 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 例:例: gotoAndPlay(5) 由目前播放的幀直接跳到同一場景內(nèi)第由目前播放的幀直接跳到同一場景內(nèi)第5幀,由第幀,由第5幀幀 繼續(xù)播放影片。繼續(xù)播放影片。 gotoAndStop(5) 由目前播放的幀直接跳到同一場景內(nèi)第由目前播放的幀直接跳到同一場景內(nèi)第5幀,停止

20、播放幀,停止播放 影片。影片。 gotoAndStop(“場景場景2”,5) 由目前播放的幀直接跳到由目前播放的幀直接跳到Scene2場景內(nèi)的第場景內(nèi)的第5幀繼續(xù)播幀繼續(xù)播 放影片。放影片。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 如何在FLASH中插入聲音和視頻 使用菜單欄中的使用菜單欄中的“文件文件導入導入導入到庫導入到庫”命令,可命令,可 以將聲音導入到庫中。以將聲音導入到庫中。 一般在一般在Flash中使用的聲音格式是中使用的聲音格式是MP3和和WAV。 在時間軸中,可以在時間軸中,可以 設(shè)置聲音的設(shè)置聲音的4 4種同步方種同步方 式。在實際制作的時候,式

21、。在實際制作的時候, 要根據(jù)不同的實際情況要根據(jù)不同的實際情況 來選擇合適的同步方式。來選擇合適的同步方式。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 1事件事件 即使即使SWFSWF文件已經(jīng)停止,聲音播放也會繼續(xù)。文件已經(jīng)停止,聲音播放也會繼續(xù)。 事件聲音的一個示例就是當用戶單擊一個按鈕時事件聲音的一個示例就是當用戶單擊一個按鈕時 播放的聲音。播放的聲音。 “開始開始”方式與方式與“事件事件”方式的功能相近,但方式的功能相近,但 是如果聲音已經(jīng)在播放,則新聲音實例不會播放。是如果聲音已經(jīng)在播放,則新聲音實例不會播放。 2開始開始 信息工程學院 Flash腳本基礎(chǔ)實

22、例導航條及腳本基礎(chǔ)實例導航條及MC 3停止停止 “停止停止”方式的作用,是使指定的聲音靜音。方式的作用,是使指定的聲音靜音。 “數(shù)據(jù)流數(shù)據(jù)流”方式的聲音將會嚴格與時間軸同步方式的聲音將會嚴格與時間軸同步 如果影片在播放,就播放聲音;如果影片暫停,聲音如果影片在播放,就播放聲音;如果影片暫停,聲音 就會停止。就會停止。 數(shù)據(jù)數(shù)據(jù)流的一個示例就是流的一個示例就是MVMV的制作。的制作。 如果不使用如果不使用“數(shù)據(jù)流數(shù)據(jù)流”方式,那么音樂很容易在方式,那么音樂很容易在 播放過程中與動畫、臺詞脫節(jié)。播放過程中與動畫、臺詞脫節(jié)。 4數(shù)據(jù)流數(shù)據(jù)流 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導

23、航條及MC 如何制作簡單的如何制作簡單的MTV 1. 1.選擇好音樂和圖片素材,導入到選擇好音樂和圖片素材,導入到flashflash庫里。庫里。 2.2.在主場景中的一個層上起名:在主場景中的一個層上起名:“musicmusic”,打開庫將音樂文件從庫中,打開庫將音樂文件從庫中 拖到場景中,這時,在時間軸的幀上,音樂只是一條短直線。在時間軸的拖到場景中,這時,在時間軸的幀上,音樂只是一條短直線。在時間軸的 音樂結(jié)束那幀處按音樂結(jié)束那幀處按F5F5鍵將影幀延長。鍵將影幀延長。 3.3.再建一個層,起名:再建一個層,起名:“LabelLabel”(標簽)。將時間軸的指針移動到頭(標簽)。將時間軸

24、的指針移動到頭 幀處,插入一個幀標簽:幀處,插入一個幀標簽:“start 01start 01”,之后,按,之后,按EnterEnter鍵,聽音樂(數(shù)據(jù)鍵,聽音樂(數(shù)據(jù) 流同步方式),當音樂中的第一句歌詞剛結(jié)束時,馬上再按一次流同步方式),當音樂中的第一句歌詞剛結(jié)束時,馬上再按一次EnterEnter鍵,鍵, 確保音樂會停止。在音樂停止的這一幀處按確保音樂會停止。在音樂停止的這一幀處按F7F7鍵,插入一個空白關(guān)鍵幀,鍵,插入一個空白關(guān)鍵幀, 再書寫幀標簽:再書寫幀標簽:“end 01end 01”。接著,緊隨在這一幀的后面再按。接著,緊隨在這一幀的后面再按F7F7鍵再插入鍵再插入 一個空白關(guān)鍵

25、幀,再寫上幀標簽:一個空白關(guān)鍵幀,再寫上幀標簽:“start 02start 02”,再按,再按EnterEnter鍵,開始聽下鍵,開始聽下 一句歌詞,同樣,當?shù)诙涓柙~結(jié)束時,馬上按一句歌詞,同樣,當?shù)诙涓柙~結(jié)束時,馬上按EnterEnter鍵,音樂停止,按鍵,音樂停止,按 F7F7鍵標注幀標簽:鍵標注幀標簽:“end 02end 02”.依次類推,一直到整首音樂的歌詞都依次類推,一直到整首音樂的歌詞都 標注完成。標注完成。 4.4.以上的步驟完成之后,就可以在每句歌詞的以上的步驟完成之后,就可以在每句歌詞的“start 01start 01”和和“end end 0101”之間做你要的動

26、畫(影片剪輯)了。之間做你要的動畫(影片剪輯)了。 5 5、加上播放與重播按鈕。、加上播放與重播按鈕。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 口型動畫口型動畫 要制作人物的口型動畫,隨著聲音可以看到適當?shù)目谛妥円谱魅宋锏目谛蛣赢?,隨著聲音可以看到適當?shù)目谛妥?化?;?。 繪制繪制5 5種最基本的口型,然后將這種最基本的口型,然后將這5 5種基本口型和閉口時的種基本口型和閉口時的 口型放置在圖形元件中,在舞臺中根據(jù)每一幀上的聲音的韻口型放置在圖形元件中,在舞臺中根據(jù)每一幀上的聲音的韻 母設(shè)置每一幀上的口型最后再編輯聲音封套。母設(shè)置每一幀上的口型最后再編輯聲音封套。

27、 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 使用loadMovie動態(tài)加載外部圖片 作用作用:將將SWF、JPEG、GIF或或PNG從從URL加載到影片加載到影片 剪輯中剪輯中; 語法語法:loadMovie(url,目標目標,方法方法) 加載的對象與源文件最好在同一目錄下加載的對象與源文件最好在同一目錄下 例例:個人主頁中導航按鈕中用到了加載個人主頁中導航按鈕中用到了加載SWF; 實例實例01在影片剪輯中加載圖片在影片剪輯中加載圖片.fla 制作一空影片剪輯元件,拖入場景圖層制作一空影片剪輯元件,拖入場景圖層1的第的第1幀中,實例名稱取為幀中,實例名稱取為mc 在

28、第在第1幀加腳本幀加腳本 后四幀添加關(guān)鍵幀加相同腳本,更換圖片名后四幀添加關(guān)鍵幀加相同腳本,更換圖片名 稱稱 新建圖層新建圖層2,添加兩個按鈕,控制上一幀,下一幀的跳轉(zhuǎn)(略),添加兩個按鈕,控制上一幀,下一幀的跳轉(zhuǎn)(略) stop(); loadMovie(“001.jpg”,mc); 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 舉例: 目的:制作加載外部圖片的過程,并有淡入淡出的效果;目的:制作加載外部圖片的過程,并有淡入淡出的效果; 制作一空影片剪輯元件制作一空影片剪輯元件”載入圖片載入圖片”,拖入場景圖層,拖入場景圖層1的第的第1幀中,幀中, 實例名稱取為實例名

29、稱取為 mc 在第在第1幀加腳本幀加腳本loadMovie(“1.jpg”,mc); 分別在第分別在第15、25、35幀中添加幀中添加 關(guān)鍵幀,再將第關(guān)鍵幀,再將第1幀和第幀和第35幀中的實例的透明度改為幀中的實例的透明度改為0%,第,第1-15幀,幀, 第第25-35幀之間加動作補間;幀之間加動作補間; 其它三幅圖片載入效果類同,做在同一層其它三幅圖片載入效果類同,做在同一層 ; 新建圖層新建圖層2,添加四個按鈕,控制四幅圖片的顯示,每個按鈕上的,添加四個按鈕,控制四幅圖片的顯示,每個按鈕上的 動作如下(每個按鈕對應一行腳本);動作如下(每個按鈕對應一行腳本); on (release) g

30、otoAndPlay(1); on (release) gotoAndPlay(36); on (release) gotoAndPlay(71); on (release) gotoAndPlay(106); 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC unloadMovie詳解詳解 作用:卸載影片剪輯中的對象;作用:卸載影片剪輯中的對象; 語法:語法:unloadMovie(目標目標) 如:如:unloadMovie(mc); mc為影片剪輯為影片剪輯 的實例名稱的實例名稱 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 用按鈕制作簡單橫向F

31、LASH導航菜單 動作分析:動作分析: 當鼠標點擊當鼠標點擊導航導航欄中一個欄目欄中一個欄目A時相應時相應 的子的子欄目欄目按扭按扭出現(xiàn);點擊出現(xiàn);點擊另一個欄目另一個欄目B時時 相應的相應的子子欄目欄目按扭按扭出現(xiàn),同時出現(xiàn),同時A的子欄目的子欄目 消失。消失。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 橫向?qū)Ш綑谥谱鞑襟E: 1.制作好主欄目和相應子欄目的按鈕元件;制作好主欄目和相應子欄目的按鈕元件; 2.把每個子欄目做成一個影片剪輯,以把每個子欄目做成一個影片剪輯,以“特色美景特色美景”欄目欄目 為例:就是把為例:就是把“特色美景特色美景”欄目下的欄目下的“景點

32、介紹景點介紹”和和“ 線路推薦線路推薦”做在一個影片剪輯里。其它欄目的子欄目與做在一個影片剪輯里。其它欄目的子欄目與 此類似。此類似。 3.在主場景中第一個圖層放置背景圖,第二個圖層適當位在主場景中第一個圖層放置背景圖,第二個圖層適當位 置放置主欄目按鈕,每個子欄目的影片剪輯依次各放一置放置主欄目按鈕,每個子欄目的影片剪輯依次各放一 個圖層,并給每個子欄目剪輯實例命名。個圖層,并給每個子欄目剪輯實例命名。 4.給有子欄目的主欄目按鈕添加代碼。給有子欄目的主欄目按鈕添加代碼。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 1.若主欄目下無子欄目,則直接添加如下代碼:若主欄

33、目下無子欄目,則直接添加如下代碼: on(press) getURL(“你要打開的網(wǎng)頁地址你要打開的網(wǎng)頁地址”,“_self”) /self表示在當前網(wǎng)頁中打開,用表示在當前網(wǎng)頁中打開,用_blank則表示在新窗口中打開。則表示在新窗口中打開。/ 2.若子欄目有子欄目,以若子欄目有子欄目,以“特色美景特色美景”按鈕為例,按鈕為例, 添加代碼如下添加代碼如下 on(press) a.gotoAndPlay(2);/a為特色美景子欄目的影片剪輯實例名為特色美景子欄目的影片剪輯實例名/ b.gotoAndStop(1); /b為其它子欄目的影片剪輯實例名為其它子欄目的影片剪輯實例名/ 橫向?qū)Ш綑谥谱?/p>

34、步驟: 注意若還有其他子欄目注意若還有其他子欄目c,d ,e,f也要寫相應也要寫相應c.gotoAndStop(1), 意思是當前子欄目播放,其他子欄目都停止。意思是當前子欄目播放,其他子欄目都停止。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 當鼠標移動到導航欄之外如何讓子欄目消失? 解決辦法:制作一個透明按鈕,只在點擊幀繪制一透解決辦法:制作一個透明按鈕,只在點擊幀繪制一透 明矩形,其大小如下紅色區(qū)域(能覆蓋除導航欄目以明矩形,其大小如下紅色區(qū)域(能覆蓋除導航欄目以 外的區(qū)域)外的區(qū)域) 將透明按鈕拖入場景中,單獨放在一個圖層中,并給按鈕將透明按鈕拖入場景中,單獨

35、放在一個圖層中,并給按鈕 添加如下代碼:添加如下代碼: on(rollOver) a.gotoAndStop(1); b.gotoAndStop(1); /意思是指當鼠標移動到該透明按鈕上時,所有的子意思是指當鼠標移動到該透明按鈕上時,所有的子 欄目影片剪輯都停止播放。欄目影片剪輯都停止播放。/ 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 用flash按鈕制作簡單的鼠標跟隨效果 動畫原理分析:利用按鈕的動畫原理分析:利用按鈕的 rollOver(指針經(jīng)(指針經(jīng) 過)事件來觸發(fā)一個影片剪輯(你要的跟隨效過)事件來觸發(fā)一個影片剪輯(你要的跟隨效 果)。在場景中鋪滿透明度為

36、果)。在場景中鋪滿透明度為0的按鈕時,我的按鈕時,我 們只要把鼠標放到場景中移動(們只要把鼠標放到場景中移動(rollover),就,就 會觸發(fā)跟隨效果的剪輯,這樣就得到了鼠標跟會觸發(fā)跟隨效果的剪輯,這樣就得到了鼠標跟 隨的動態(tài)效果隨的動態(tài)效果 。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 1 1、制作要跟隨的圖形或圖片,例如:新建一個元件命名為、制作要跟隨的圖形或圖片,例如:新建一個元件命名為ballball,畫一個圓,畫一個圓 即可。(畫泡泡放射狀填充即可。(畫泡泡放射狀填充#FFFFFF#FFFFFF 15% 15% #FFFFFF #FFFFFF 45% 4

37、5%,第二圖層畫高,第二圖層畫高 光,效果如圖:光,效果如圖: 2 2、新建一個按鈕,只需要在第一幀處畫上一個任意形狀的按鈕(圓、方)、新建一個按鈕,只需要在第一幀處畫上一個任意形狀的按鈕(圓、方) 就可以。就可以。 3 3、新建一個影片剪輯,在第一圖層第一幀處插入第、新建一個影片剪輯,在第一圖層第一幀處插入第2 2步制作的按鈕元件,中步制作的按鈕元件,中 心對齊到圖層,在第二層第一幀處的動作里面加入心對齊到圖層,在第二層第一幀處的動作里面加入stop()stop();在第二幀處;在第二幀處 插入插入ballball元件,中心對齊,在第元件,中心對齊,在第1515幀處插入關(guān)鍵幀。并用任意變形工

38、具幀處插入關(guān)鍵幀。并用任意變形工具 將將1515幀處的圖形變小,并且在屬性欄中將其透明度調(diào)整為幀處的圖形變小,并且在屬性欄中將其透明度調(diào)整為0 0,從,從2-152-15幀處幀處 補間設(shè)置動畫,選中第一層的第一幀中的按鈕單擊右鍵,選擇動作,在補間設(shè)置動畫,選中第一層的第一幀中的按鈕單擊右鍵,選擇動作,在 其中輸入其中輸入on(rollOver)gotoAndPlay(2);on(rollOver)gotoAndPlay(2);, 再次選中后打開屬性欄中將其透明度調(diào)整為再次選中后打開屬性欄中將其透明度調(diào)整為0 0,如圖;,如圖; 用flash按鈕制作簡單的鼠標跟隨效果 操作步驟:操作步驟: 信息

39、工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 回到場景回到場景1 1中將剪輯拖到場景中,按住中將剪輯拖到場景中,按住altalt鍵復制多個鍵復制多個 剪輯,直到覆蓋整個場景即可,如圖。最后測試動畫剪輯,直到覆蓋整個場景即可,如圖。最后測試動畫 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 控制影片剪輯的腳本 把把AS寫在影片剪輯本身上,選中影片剪輯寫在影片剪輯本身上,選中影片剪輯,必必 須添加事件須添加事件onClipEvent onClipEvent (事件事件) /需要執(zhí)行的腳本程序需要執(zhí)行的腳本程序 括號里的括號里的“事件事件”其實是個觸發(fā)器,

40、當事件發(fā)其實是個觸發(fā)器,當事件發(fā) 生時,執(zhí)行該事件后面花括號中的語句。生時,執(zhí)行該事件后面花括號中的語句。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC onClipEvent觸發(fā)事件 onClipEvent(load) : 當影片片斷第一次加載到時間軸時,會觸發(fā)本當影片片斷第一次加載到時間軸時,會觸發(fā)本 事件一次事件一次 onClipEvent(enterFrame) : 當影片片斷加載時間軸時,不論是放映或停止當影片片斷加載時間軸時,不論是放映或停止 狀態(tài)或顯示與否,都會不斷觸發(fā)本事件。所以只狀態(tài)或顯示與否,都會不斷觸發(fā)本事件。所以只 要此片斷被加載后,此事件會一直

41、不斷地執(zhí)行,要此片斷被加載后,此事件會一直不斷地執(zhí)行, 直到影片片斷被刪除為止。直到影片片斷被刪除為止。 。 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC onClipEvent(mouseDown) 當鼠標左鍵被按下時,會觸發(fā)本事件一次。當鼠標左鍵被按下時,會觸發(fā)本事件一次。 onClipEvent(mouseUp) 當被按下的鼠標左鍵被放開當被按下的鼠標左鍵被放開 時,會觸發(fā)本事件一次。時,會觸發(fā)本事件一次。 onClipEvent(mouseMove) 只要在場景中移動鼠標,只要在場景中移動鼠標, 就會不斷觸發(fā)本事件。就會不斷觸發(fā)本事件。 onClipEvent觸

42、發(fā)事件 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 縱向?qū)Ш綑趯嵗?_root是根路徑,是根路徑,_this指元件本身,指元件本身, _parent是指該元件的父元件是指該元件的父元件 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 控制影片剪輯屬性 1、影片剪輯在場景中的位置(、影片剪輯在場景中的位置(效果效果) 由由“_x”和和“_y”屬性決定的。屬性決定的。 若每播放一幀,影片剪輯向右和向下移動若每播放一幀,影片剪輯向右和向下移動10像素像素 的位置:的位置: onClipEvent(enterFrame) this._x+=10; thi

43、s. _y+=10; 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 2、控制影片剪輯的旋轉(zhuǎn)、控制影片剪輯的旋轉(zhuǎn)(效果效果) 使用使用“_rotation”屬性,屬性,-180180 度之間,如:度之間,如: _rotation+=10; 3、控制影片剪輯的透明度和可見性、控制影片剪輯的透明度和可見性 使用使用“_alpha”屬性,屬性,0100 之間,如:之間,如:mc. _alpha=50;_alpha+=10; 使用使用“_visible”屬性,屬性,true或或false之間;之間; 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 4、控制影

44、片剪輯的大?。ā⒖刂朴捌糨嫷拇笮。ㄐЧЧ?使用使用“_width”和和“_height”屬性,及表示縱、橫向縮放屬性,及表示縱、橫向縮放 百分比的百分比的“_xscale”和和“_yscale”屬性,如:屬性,如: onClipEvent(enterFrame) _width =_ width /2; _height =_ height /2; onClipEvent(enterFrame) _xscale =100*(_root._xmouse-_x)/100; _yscale =100*(_root._ymouse-_y)/100; 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基

45、礎(chǔ)實例導航條及MC 影片剪輯屬性影片剪輯屬性 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC setProperty詳解 setProperty詳解詳解 作用:設(shè)置影片剪輯的屬性;作用:設(shè)置影片剪輯的屬性; 語法:語法:setProperty(“目標目標”,屬性,屬性,“值值”); 屬性包括:屬性包括: _alpha透明度透明度 _focusrect顯示聚焦框顯示聚焦框 _height高度高度 _highquality高品質(zhì)高品質(zhì) _name名稱名稱 _quality品質(zhì)品質(zhì) _rotation旋轉(zhuǎn)旋轉(zhuǎn) _soundbuftime聲音緩沖時間聲音緩沖時間 _visible

46、可見可見 _width寬度寬度 _x水平位置水平位置 _xscale水平縮放水平縮放 _y垂直位置垂直位置 _yscale垂直縮放垂直縮放 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 實例實例: setProperty(mc,_alpha,50); setProperty(mc,_rotation,200); setProperty(mc,_visible,false); getProperty詳解詳解 作用:返回指定影片剪輯的屬性;作用:返回指定影片剪輯的屬性; 語法:語法:setProperty(“目標目標”,屬性,屬性); 實例:實例: getProperty(

47、mc,_x); 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 動態(tài)控制影片剪輯 1、影片剪輯的深度級別、影片剪輯的深度級別 表示影片剪輯在表示影片剪輯在SWF文件中的堆疊次序。每個文件中的堆疊次序。每個 影片剪輯都有唯一的一個深度級別值,值越大影片剪輯都有唯一的一個深度級別值,值越大 將排在越前面。每一個深度級別只能容納一個將排在越前面。每一個深度級別只能容納一個 影片剪輯,如果分配了相同的深度級別,將替影片剪輯,如果分配了相同的深度級別,將替 換了以前的影片剪輯。如:換了以前的影片剪輯。如: mc.duplicateMovieClip(“mc1”,5),即復制了一,即

48、復制了一 個與個與mc相同的影片剪輯,深度值為相同的影片剪輯,深度值為5。 深度值可選:深度值可選:-163841048575 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 2、影片剪輯的動態(tài)復制 duplicateMovieClip(“要被復制的影片剪輯的實例名稱要被復制的影片剪輯的實例名稱”, “為復制得到的影片剪輯指定名稱為復制得到的影片剪輯指定名稱”, 深度值深度值); 如:如:on(release) for(i=1;I10;i+) duplicateMovieClip(“mc”,”mc”+i,i); setproperty(”mc”+i,_x,random(5

49、50); setproperty(”mc”+i,_y,random(400); 復制出來的影片剪輯與原來的影片剪輯在同一位置,屬復制出來的影片剪輯與原來的影片剪輯在同一位置,屬 性也相同,利用性也相同,利用setproperty命令修改之。實例的名稱命令修改之。實例的名稱 為為mc+i,如,如mc+2 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 飛越星空效果實例 1、新建一長和寬為、新建一長和寬為420PX;幀頻:;幀頻:25;背景色為黑色;背景色為黑色 的影片;的影片; 2、先建一影片剪輯;共、先建一影片剪輯;共30幀;是一個白色的圓從大到幀;是一個白色的圓從大到

50、小水平運動的動畫;及第一幀是長和寬為小水平運動的動畫;及第一幀是長和寬為10的大圓;的大圓; 透明度為透明度為100;第;第30幀是一個長和寬為幀是一個長和寬為1PX的小圓;透的小圓;透 明度為明度為0;如下圖:;如下圖: 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 3、回到主場景;將剛剛制作好的、回到主場景;將剛剛制作好的MC;拖到主場景一;拖到主場景一 幀,并命名為:幀,并命名為:ball ;然后在第二幀插入幀;然后在第二幀插入幀; 4、新建一層;在第一幀加入如下、新建一層;在第一幀加入如下AS; setProperty(ball, _alpha, random(

51、100); setProperty(ball, _rotation, random(360); duplicateMovieClip(ball, random(100), random(100); 5、測試影片、測試影片 信息工程學院 Flash腳本基礎(chǔ)實例導航條及腳本基礎(chǔ)實例導航條及MC 波浪線條具體步驟 先做一影片剪輯先做一影片剪輯(曲線段曲線段,顏色顏色,形狀變化形狀變化),拖入場景中拖入場景中,實實 例名稱取為例名稱取為0; 新建一層新建一層,在第一幀加動作在第一幀加動作: 第二幀第二幀,F7,加動作加動作: 第三幀第三幀,F7,加動作加動作: i=1; max=50; setProp

52、erty(“0”,_alpha,0); setProperty(“0”,_visible,false); duplicateMovieClip(i-1,i,i); setProperty(i,_alpha,getProperty(i-1,_alpha)+3); setProperty(i,_y,getProperty(i-1,_y)+i/10); setProperty(i,_xscale,getProperty(i-1,_xscale)+4); i=i+1; if(i動作動作. 先定義變量,先定義變量, 并鼠標拖拽并鼠標拖拽 i = 2; startDrag(dot1, true); 按按F6第第2幀,隨機復制影片剪輯幀,隨機復制影片剪輯“dot1”,代碼如下:代碼如下: if (i

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論