一、元件的設計
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”測試一下效果吧。我想現在你肯定有所得。
文章來源:老七下載