如何實現Flash中背景變色

一、元件的設計

1. 打開Flash 。新那這一個場景大小爲255 px×255px,背景色爲黑色。

2. 選擇矩形工具 ,畫一個覆蓋整個畫布的填充矩形,不要邊框。

3. 選中剛剛畫好的的那個矩形,然後按快捷鍵“F8”。在Symbol Properties面板裏選擇Movie Clip屬性,並把命名爲“矩形”。按快捷鍵“Ctrl + I”打開Instance面板,給矩形影片起名爲mc。

4. 按快捷鍵"Ctrl+F8"打開“Symbol Properties”面板新建一個名爲“點擊變色”的Button符號。選中“Up”幀,按快捷鍵“T”選擇文字工具後寫下“點擊模式”幾個字。接着按快捷鍵“Ctrl + T”打開Character面板並進行的設置字的顏色爲黃色。選中“Hit”幀後按下快捷鍵“F6”插入一個關鍵幀。接着選擇矩形工具,畫一個矩形把“Hit”幀裏字覆蓋住。

5. 按快捷鍵“Ctrl+L”打開庫,右鍵單擊庫裏的“點擊變色”按鈕,然後選擇“Duplicate”命令。在彈出的Symbol Properties面板裏給新的按鈕命名爲“移動變色”。接着把“移動變色”按鈕裏“點擊”兩個字改成“移動”,其它設置不變。


到此,所有的元件就設計好了。

二、背景層

1. 按快捷鍵“Ctrl+E”回到主場景。在主場景中雙擊“Layer 1”層並把該層的名字改爲“背景”。

2. 右鍵單擊“矩形”影片輸入下面的代碼:

onClipEvent (mouseMove) { //移動鼠標執行下面的代碼

_root.r = _root._xmouse;

//把鼠標的當前位置的X座標值附值給影片的紅色參數

_root.b = _root._ymouse;

//把鼠標的當前位置的Y座標值附值給影片的綠色參數

_root.g = _root._xmouse+_root._ymouse;

_root.mcColor(); //調用mcColor()函數,mcColor()函數在後面設計

}

3. 選擇該層的第3幀按下“F6”鍵插入一個關鍵幀。右鍵單擊第3幀中“矩形”影片,在彈出菜單中選擇“Actions”命令,然後把語句onClipEvent 中的參數“mouseMove”換成“mouseDown”。

三、跳轉層

1. 按“Insert Layer”按鈕 新增一層並命令爲“跳轉”層。

2. 選中該層的第1幀,按快捷鍵“T”選擇文字工具後在場景的左上角寫下“請移動你的鼠標”幾個字,字要小一點。把庫中的“點擊變色”按鈕拖拽到場景的右下角。

3. 選中該層的第3幀按下“F6”鍵插入一個關鍵幀。接着把該幀左上角的文字換成“請點擊你的鼠標”,再把右下角的“點擊變色”按鈕替換成“移動變色”。記住,它們之間的位置不能變化。

4. 右鍵單擊“點擊變色”按鈕,輸入下面的代碼:

on (release) { //鼠標左鍵單擊後鬆開

gotoAndStop ("label"); //跳轉到“label”標籤,“label”標籤在後面設計

}

5. 右鍵單擊“移動變色”按鈕,輸入下面的代碼:

on (release) {

gotoAndStop (1);

}

四、代碼層

1. 按“Insert Layer”按鈕 新增一層並命令爲“代碼”層。

雙擊該層中的第1幀,輸入下面的代碼:

changeColor = new Color( mc ); //新建一個Color對象,mc爲影片

r = 0; //初始化影片紅色參數

g = 0; //初始化影片綠色參數

b = 0; //初始化影片藍色參數

function mcColor () { //定義mcColor()函數

changeColor.setRGB(r << 16 | g << 8 | b);

//setRGB()函數是設置影片的顏色值

//“()”內把顏色合成,以便重新設置影片的顏色屬性

}

stop ();

2. 選中該層的第3幀按下“F7”鍵插入一個關鍵幀,接着選擇“Frame”面板,把該幀命令爲“lable”。

爲什麼我們要使用標籤而不讓它跳轉到第3幀呢,那是因爲這樣做方便控制——不管你把該幀拖到什麼地方也不需要對代碼進行改動了。

好了,效果到這裏就完成了。圖層,場景的最終。按快捷鍵“Ctrl+Enter”測試一下效果吧。我想現在你肯定有所得。

文章來源:老七下載

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章