實(shí)例說(shuō)明

　　當(dāng)鼠標(biāo)點(diǎn)擊屏幕或按下空格鍵，就能在屏幕上畫(huà)下一個(gè)小圓點(diǎn)，通過(guò)顏色選擇器選取不同的畫(huà)筆顏色，畫(huà)出喜歡的圖形。

　　有關(guān)知識(shí)

　　隱形按鈕的應(yīng)用。設(shè)定參數(shù)，屬性，復(fù)制(刪除)電影片斷。

　　制作過(guò)程

　　步驟1：打開(kāi)Flash，建立一個(gè)新文件。按Ctrl+M鍵，將幀速度（Frame rate）設(shè)為12幀/秒，Dimensions設(shè)為450px*300px，背景顏色為白色。

　　步驟2：從菜單欄中選擇插入>添加符號(hào)（Insert>New Symbol），在出現(xiàn)的對(duì)話框中選按鈕（Button），命名為reset，制作一個(gè)reset按鈕。如圖1所示。

圖1　制作reset按鈕

　　步驟3：將按鈕reset放入到場(chǎng)景中，將該層命名為reset。

　　步驟4：新建圖層bg，放在場(chǎng)景最底層，用矩形工具畫(huà)一個(gè)方框，能夠覆蓋整個(gè)場(chǎng)景即可，顏色無(wú)所謂，因?yàn)槲覀円龅氖且粋€(gè)隱形按鈕。從菜單欄中選擇插入>轉(zhuǎn)換為符號(hào)(insert>convert to symbol)，在出現(xiàn)的對(duì)話框中選擇按鈕（Button），命名為bg，編輯按鈕bg， 在時(shí)間軸將矩形從Up幀拖拽到Hit幀，以建立觸發(fā)區(qū)域。如圖2所示

圖2　隱形按鈕的制作

　　步驟5：從菜單欄中選擇插入>添加符號(hào)（Insert>New Symbol），在出現(xiàn)的對(duì)話框中選電影片斷（Movie Clip），命名為color，在第1幀用橢圓工具畫(huà)一個(gè)黑色實(shí)心圓，不要太大，5-10px就可以了。在場(chǎng)景中新建圖層color，將電影片斷color放入圖層color中。用鼠標(biāo)選中電影片斷color，在屬性面板中將其命名為color，如圖3所示。

圖3　給場(chǎng)景中的電電影段命名

　　步驟6：用同樣方法，新建空白電影片斷point，只有一個(gè)空白關(guān)鍵影幀即可。在場(chǎng)景中新建圖層point，將電影片斷point放入圖層point中，在屬性面板中將其命名為point。

　　步驟7：好了，現(xiàn)在我們?cè)趫?chǎng)景中開(kāi)始設(shè)置按鈕bg的Actions。先在場(chǎng)景中選擇隱形按鈕bg，在Actions面板中插入如下命令：

on (press， keyPress "") {
//當(dāng)按下鼠標(biāo)或鍵盤(pán)”空格”鍵

　　i = Number(i)+1;
　　//設(shè)定參數(shù)i=數(shù)值(i)+1

　　duplicateMovieClip ("/color"， "color" add i， i);
　　//復(fù)制電影片斷("/color"，新名稱: "/color"+i，數(shù)目:i)

　　setProperty ("color" add i， _x， getproperty("/point"， _x));
　　//設(shè)定屬性("/color"+i的X位置為"/point"的X位置)

　　setProperty ("color" add i， _y， getproperty("/point"， _y));
　　//設(shè)定屬性("/color"+i的Y位置為"/point"的Y位置)

}

　　它們所起的作用是：當(dāng)按下鼠標(biāo)或<空格鍵>時(shí)，設(shè)定參數(shù):I=I+1，復(fù)制電影片斷color，確定復(fù)制電影片斷的位置。

　　步驟8：設(shè)置按鈕reset的Actions。在場(chǎng)景中選擇按鈕reset， 在出現(xiàn)的Actions面板中插入如下命令:

on (release) {　　　　　　　　　　　　鼠標(biāo)放開(kāi)
　　while (Number(i)>0) {　　　　　　　當(dāng)數(shù)值i>0
　
　　removeMovieClip ("color" add i);　復(fù)制電影片斷("color"+i)

　　i = i-1;　　　　　　　　　　　　　設(shè)定參數(shù)i=i-1

　　}

}

　　鼠標(biāo)事件的主要作用就是:當(dāng)I>0時(shí)，清除電影片斷"color" add i，使屏幕回到初始狀態(tài)。好了，現(xiàn)在可以按下Ctrl+Enter鍵測(cè)試一下電影。

　　只有一種顏色，很單調(diào)吧？現(xiàn)在我們把它改造成一個(gè)七彩畫(huà)板。

　　步驟9：點(diǎn)擊color層，分別選中第2至7幀，按F6增加6個(gè)關(guān)鍵幀。將其余層用F5鍵延長(zhǎng)幀，如圖4所示。

圖4　增加關(guān)鍵影幀

　　在場(chǎng)景1的第二個(gè)關(guān)鍵幀中，選取電影片斷colorpicker，單擊鼠標(biāo)右鍵，選擇Panels>Color，在彈出的Effect面板中設(shè)置顏色和透明度，通過(guò)右側(cè)的RGB滑塊，設(shè)置喜歡的顏色。如圖5所示。

圖5　給實(shí)例設(shè)置顏色

　　步驟10：使用同樣方法，在不同的關(guān)鍵影幀下分別設(shè)置電影片斷colorpicker的顏色。這樣在設(shè)置完畢后， colorpicker就有七種顏色了。

　　步驟11：在場(chǎng)景中新建一圖層action，建立七個(gè)空白關(guān)鍵影幀。每個(gè)空白關(guān)鍵影幀的Action都設(shè)置為stop。這樣，保證電影不會(huì)循環(huán)播放。

　　步驟12：新增電影片斷“組件5”，在里面加上背景和兩個(gè)按鈕，如圖6所示。

圖6　制作兩個(gè)按鈕

　　為了控制電影向前，向后播放，分別給左側(cè)和右側(cè)按鈕的Action設(shè)置分別為:

　　左按鈕

on (release) {　　　　當(dāng)鼠標(biāo)放開(kāi)

　　prevFrame ();　　跳至上一個(gè)影幀

}

　　右銨鈕

on (release) {　　　　當(dāng)鼠標(biāo)放開(kāi)
　
　　nextFrame ();　　跳至下一個(gè)影幀

}

　　在場(chǎng)景中新增圖層”up&down”，將“組件5”拖入，通過(guò)里面包含的兩個(gè)按鈕，可在不同幀中跳轉(zhuǎn)，控制畫(huà)筆顏色，達(dá)到七彩畫(huà)板的效果。

　　OK！Flash畫(huà)板已經(jīng)做完了，現(xiàn)在可以按快捷鍵Ctrl+Enter，然后開(kāi)始作畫(huà)了。