本文詳細介紹了用Adobe Flash Professional CS5.5腳本設計圖片切換效果的技術和步驟,并附上腳本詳細代碼,對網站動畫設計和多媒體課件制作都具有一定的指導作用。
引言
Flash是一種交互式矢量多媒體技術,目前互聯網上已經有成千上萬個純Flash站點,而且其他普通站點,包括很多wap站點,也都用到了flash技術,可以說Flash已漸漸成為交互式矢量的標準,未來網頁的一大主流。在用Flash展示產品、風景、新聞等圖片時,其切換效果可用遮罩和AS兩種途徑來實現,其中遮罩方式簡單易學,但效果比較單調,修改不方便;AS方式效果豐富,適合對圖片批處理,更改圖片及效果也極為方便,是制作切換效果的首選。
2.圖片處理
2.1 圖片存放
首先準備若干張jpg或gif圖片,本文設計的是10張600*400的jpg圖片(可以用“光影魔術手”軟件進行批處理),文件名分別為:
1.jpg,2.jpg,…,8.jpg,存放在與。fla文件相同目錄下(如圖1),然后通過AS腳本,創建空的影片剪輯和加載外部圖片。
2.2 圖片加載
用數組方式批量添加,用MovieClip類的createEmptyMovieClip()和loadMovie()方法創建空影片剪輯實例和將圖片加載到實例中,因為圖片多,用循環方式依次加載,同時也方便使后加入的深度依次增大而位于上層,具體如:
這樣就在舞臺上層疊了8個影片剪輯。
2.3 圖片布局
外部圖片導入到舞臺以后,位置和大小不一定與舞臺相匹配,須作調整。本程序中,舞臺大小設置為800*600,圖片大小在導入之前已統一設置為600*400,完全能被裝下,如果圖片大于舞臺,可通過_xscale和_yscale屬性來縮小。代碼如下:
3.圖片切換
因為8張圖片大小完全相同,后載入的覆蓋了先載入的,這時只能看到最上面的一張,所以還必須在兩張圖片之間設置時間和過渡效果,才能看到前后圖像載入變化。
flash AS提供了10種效果:Blinds(遮罩效果)、Fade(淡化效果)、Fly(飛行效果)、IRis(光圈效果)、Photo(聚變曝光效果)、PixelDissolve(像素溶解效果)、Rotate(旋轉效果)、Squeeze(擠壓效果)、Wipe(劃入/劃出效果)、Zoom(縮放效果),每種效果中又有很多種形式,統計起來共有27種之多。這些效果的實現主要是通過TransitionManager類來完成的。要實現過渡效果,為編寫代碼更為方便,首先需要導入所有mx.transitions類和所有mx.transitions.easing類:
import mx.transitions.*;
import mx.transitions.easing.*;
在導入上面兩個類以后,就可以使用TransitionManager類的start()方法將過渡效果應用于影片剪輯上。
格式:
TransitionManager.start(影片剪輯名稱,{type:過渡類型,direction:方向,duration:過渡所所需的時間,easing:緩動效果,各種過渡效果所需的參數});start()方法參數的說明:
影片剪輯名稱:就是要應用過渡效果的MC的實例名稱,即前面用createEmptyMovieClip(“mc”+String(i+1),i+1)創建的mc1、mc2……mc8.
Type:過渡類型,前面已提到共有10種過渡效果,如:Blinds、Fade、Fly、Iris、Photo等。
Direction:方向,即過渡是進入還是退出。可以用兩個值:Transition.IN和Transition.
OUTDuration:過渡所所需的時間,一般一個過渡幾秒就夠了,常用3-5秒。
easing:緩動效果:在過渡效果中可以為過渡效果添加緩動效果。
startPoint:一個指示起始位置的整數,范圍是1到9.1:左上;2:上中;3:右上;4:左中;5:中心;6:右中;7:左下;8: 下中;9:右下。
某些效果還有自己特有的參數,如:遮罩條紋數:numStrips和條紋方向:dimension,遮罩形狀Shape:.Iris.SQUARE(方形)和CIRCLE(圓形)等4.效果實現
為了將圖片各種隨機切換效果連續地展示出來,可以使用setInterval()方法,setInterval()方法可以按照指定的周期來調用函數(在本程序中是調用圖片自動切換的函數:showImages()),直到窗口關閉,代碼如下:
5.程序設計與調試
在理解上述思路的基礎上就可在Flash窗口開始編寫程序代碼和調試了。
啟動Adobe Flash Professional CS5.5,在圖層1的第一幀處(如圖2所示)按F9鍵,打開動作窗口,在動作窗口中輸入附錄中所示代碼。另特別注意,在發布之前,務必通過“文件-發布設置”將腳本修改為Action-Script2.0,否則在發布時會報錯。
按上述步驟完成后,即可按Ctrl+Enter測試影片。
7.結語
本文介紹了用Adobe Flash Professional CS5.5腳本設計圖片切換效果的技術,用Flash制作的炫目的圖片自動切換效果,在Flash中圖片切換一般有兩種途徑:遮罩和AS腳本,相比較而言,用AS腳本不論在圖片批量處理上還是后期維護更新上都有顯著優勢,對網站動畫設計和多媒體課件制作都具有一定的指導作用。
-
FlaSh
+關注
關注
10文章
1638瀏覽量
148162 -
軟件
+關注
關注
69文章
4968瀏覽量
87655 -
矢量
+關注
關注
0文章
95瀏覽量
23757
發布評論請先 登錄
相關推薦
評論