Flash AS 入門 為“影片剪輯”添加鼠標(biāo)事件

這篇教程為“Flash AS 入門教程”的一部分。查看全套教程>>>>。
本節(jié)應(yīng)掌握的知識要點(diǎn):
?、贋橛捌糨嬏砑邮髽?biāo)事件;②路徑的理解,③語句的注釋文字以及語法著色;④【視圖選項(xiàng)】工具 運(yùn)用;⑤【腳本參考】工具
的運(yùn)用。
前面,我們學(xué)習(xí)了在關(guān)鍵幀和按鈕上添加動作以控制影片的播放,這一節(jié)將用上一節(jié)學(xué)習(xí)過的語句,在影片剪輯上添加動作來控制主場景時間軸以及影片剪輯自身的播放。請看實(shí)例1-3。
>>>>>點(diǎn)擊查看動畫效果<<<<<實(shí)例1-3 為“影片剪輯”添加鼠標(biāo)事件
畫面上,還是這只可愛的小松鼠在不知疲倦的來回奔跑,背景是我們已經(jīng)熟悉了的動作面板,左下角顯示了當(dāng)前選擇的對象是名稱為“松鼠”的影片剪輯,這表明【代碼編輯】窗口中顯示的語句是直接添加在“松鼠”影片剪輯上的,注意,這個名稱不是在“屬性”面板中為對象指定的實(shí)例名,而是庫中影片剪輯的名稱。
把鼠標(biāo)移到小松鼠上面,分別對照著畫面上顯示的鼠標(biāo)事件來試試,可以看到,通過不同的鼠標(biāo)事件,分別實(shí)現(xiàn)了控制場景播放以及影片剪輯播放的效果。
動作很簡單,是上一講學(xué)過的,而且都是添加在位于主場景上的對象上,其區(qū)別除了語句所添加的對象不同以外,路徑的指向也有所區(qū)別,這是這一節(jié)需要理解的知識點(diǎn)。我們來分析一下這一句:
on (release) {
play();
}
這個語句沒有指明路徑,當(dāng)添加在按鈕上時,它控制的是包含有按鈕對象的當(dāng)前時間軸,即按鈕的父時間軸;當(dāng)添加在影片剪輯對象上時,它控制的是影片剪輯對象自身的時間軸,由于控制自身時間軸不需要指明路徑,因此也不必在“屬性”面板中命名。
如果要在影片剪輯上添加控制當(dāng)前場景的動作,則需要指明路徑,如:
on (rollOut) {
_root.play();
}
如果要在按鈕上添加控制位于同一場景的影片剪輯,則需要在屬性面板中為影片剪輯命名,并指明路徑,如:
on (release) {
_root.shu_mc.stop();
}
路徑概念非常重要,在編寫動作腳本時,如果路徑的指向不正確,就實(shí)現(xiàn)不了預(yù)期的效果。
為影片剪輯添加動作的方法是,選中場景上要為其添加動作的影片剪輯,這時“動作”面板標(biāo)題欄上顯示的標(biāo)題是“動作-影片剪輯”,這表明當(dāng)前要為其添加腳本的對象是影片剪輯,然后在腳本編輯窗口中添加動作。
為語句添加注釋:
為語句添加注釋也是增加代碼可讀性的一個好習(xí)慣,這樣不僅有利于別人解讀代碼,也有利于自己對代碼進(jìn)行分析和記憶。注釋的格式是用雙斜線 “//” 開頭,后面書寫文字,可以放在語句的后面、上面或者下面。如實(shí)例3所示。
[語法著色]?。?/strong>
Flash AS的集成開發(fā)環(huán)境中具有語法著色的功能,即在程序中,F(xiàn)lash會將“關(guān)鍵字”、“標(biāo)識符”、“注釋文本”、“字符串” 用不同的顏色來分別顯示。默認(rèn)情況下,“關(guān)鍵字”顯示為深藍(lán)色,如“play、on()、_root”等等,“標(biāo)識符”顯示為黑色,如“shu_mc、”,“字符串”顯示為天藍(lán)色,如"abc"、"123",“注釋文本”顯示為灰色。可以利用語法著色來閱讀代碼.和發(fā)現(xiàn)錯誤。
【視圖選項(xiàng)】工具 運(yùn)用:
在【視圖選項(xiàng)】里,勾選“查看Esc快捷鍵”,可以在動作工具箱中顯示語句的快捷鍵;勾選“查看行號”,可以在動作面板中顯示每一條程序的行號,如實(shí)例3所示,如果腳本出現(xiàn)了錯誤,可以很方便的根據(jù)“輸出面板”的出錯提示查找到出錯的語句,當(dāng)代碼很長的時候,使用行號就更顯其優(yōu)越性了;勾選“自動換行”,當(dāng)某一條語句太長時,會自動提行顯示。
【腳本參考】工具 :利用這個工具可以在編寫腳本時,適時提供關(guān)于腳本的參考信息,方法是,將光標(biāo)放在需要查詢的關(guān)鍵字中,點(diǎn)擊【腳本參考】工具 ,即會打開相關(guān)條目的參考信息。如圖 1-8所示。
圖1-8 腳本參考工具運(yùn)用
課后練習(xí):素材源文件下載
利用提供的課后練習(xí)源文件,在“控制”按鈕、“小松鼠”影片剪輯和“小球”影片剪輯上分別添加語句完成以下效果:
1. 當(dāng)鼠標(biāo)在“控制”按鈕、“小松鼠”影片剪輯或者“小球”影片剪輯上滑過時,小松鼠和小球分別停止在場景的左右兩端;
2. 當(dāng)在“控制”按鈕、“小松鼠”影片剪輯或者“小球”影片剪輯上按下鼠標(biāo)時,小松鼠和小球分別按照相反的方向運(yùn)動;
3. 當(dāng)在“控制”按鈕、“小松鼠”影片剪輯或者“小球”影片剪輯上點(diǎn)擊(按下并釋放)鼠標(biāo)時,小松鼠踏在小球上從場景左端開始來回運(yùn)動。
也就是說,要求在按鈕、小松鼠和小球影片剪輯上分別添加語句來實(shí)現(xiàn)相同的控制效果。
效果如“練習(xí)3”。
練習(xí)3
課后練習(xí)提示:(這個練習(xí)對于初學(xué)者有一定的難度,最好在不看提示之前,先獨(dú)立思考試著做一做)
1. 這個練習(xí)的關(guān)鍵是路徑,請仔細(xì)理解教程第3、4節(jié)關(guān)于路徑的說明,以及第4節(jié)中關(guān)于在影片剪輯和在按鈕上附加鼠標(biāo)事件時,對路徑指向的不同之處所做的分析;
2. 用按鈕或者用另一個影片剪輯對象控制其他影片剪輯時,不要忘記了為影片剪輯實(shí)例命名;
3. 場景上的松鼠圖層上有4個關(guān)鍵幀,每一個關(guān)鍵幀上都有一個小松鼠影片剪輯的實(shí)例,在對小松鼠命名和添加語句時不要忽略了這一點(diǎn)。
這篇教程為“Flash AS 入門教程”的一部分。查看全套教程>>>>。
來源: flasher123相關(guān)文章
flash cs6鼠標(biāo)跟隨效果實(shí)現(xiàn)代碼分享
flash cs6想要實(shí)現(xiàn)鼠標(biāo)跟隨效果?該怎么制作呢?今天我們就來看看使用as2.0實(shí)現(xiàn)鼠標(biāo)跟隨效果的教程,需要的朋友可以參考下2019-05-19- Flash cs6怎么使用代碼輸入中英文文本?Flash cs6中可以使用文字工具直接輸入文本,也可以使用代碼來輸入文本,該怎么使用代碼輸入文本呢?請看下文詳細(xì)的教程,需要的朋友2018-03-11
- flash as3.0抽象類怎么定義? as3.0中有很多抽象類,該怎么定義抽象類和抽象方法呢?下面我們就來看看簡單的例子,需要的朋友可以參考下http://www.dbjr.com.cn/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-01-25Flash中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置?
本教程給大家分享一個Flash小教程,教大家在Flash CS6中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置?方法很簡單,感興趣的朋友歡迎前來一起分享學(xué)習(xí)2018-01-12- 本教程教腳本之家的ActionScript教程學(xué)習(xí)者在Flash中如何用代碼將圖片放在自己想要的舞臺位置,教程講解的詳細(xì),感興趣的朋友歡迎前來分享學(xué)習(xí)2017-11-20
在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學(xué)習(xí)者如何在Flash CS6中使用with函數(shù)繪制背景圖?教程一步步講解的挺詳細(xì),方法也不難,非常適合Flash新手入門學(xué)習(xí)2017-11-18Flash怎么設(shè)置元件坐標(biāo)?flash使用代碼設(shè)置元件的坐標(biāo)的教程
Flash怎么設(shè)置元件坐標(biāo)?flash中導(dǎo)如的元件需要添加坐標(biāo),該怎么定位元件坐標(biāo)呢?下面我們就來看看flash使用代碼設(shè)置元件的坐標(biāo)的教程,需要的朋友可以參考下2017-10-11- Flash怎么制作來回?fù)u擺的花朵的動畫?Flash中想要給花朵制作一段搖擺的動畫效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-05-23
- Flash怎么制作流動七彩色的文字?想要讓文字動起來,該怎么使用flash給文字制作一個流動七彩色的動畫呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23