陳雪峰

Flash作為一款網(wǎng)頁(yè)交互動(dòng)畫(huà)制作軟件，以其強(qiáng)大的動(dòng)畫(huà)表現(xiàn)功能和交互功能深得人心。Flash采用矢量技術(shù)，用它創(chuàng)作的作品容量小，適合在互聯(lián)網(wǎng)上發(fā)布、交流。因此，F(xiàn)lash理所當(dāng)然地成為廣大教育工作者制作多媒體課件的首選。

筆者曾在網(wǎng)上看到一個(gè)用Authorware制作溫度計(jì)的演示課件，制作過(guò)程雖簡(jiǎn)單，但動(dòng)畫(huà)效果不盡如人意。受其啟發(fā)，筆者試著用Flash5簡(jiǎn)體中文版制作了一個(gè)溫度計(jì)演示課件（圖1），以期與同行交流。

一、設(shè)計(jì)思路

如圖2，設(shè)置變量input1接收輸入溫度數(shù)，通過(guò)程序控制“溫度計(jì)指針zz”影片剪輯中的屬性_height，從而改變溫度計(jì)指針的高度。

二、制作過(guò)程

1．設(shè)定場(chǎng)景的寬為300像素，高為250像素。

2．給整個(gè)課件制作一張漂亮的背景圖片。很多Flash課件由于缺少和諧優(yōu)美的背景圖片，常常給人以突兀感，甚至影響最后的動(dòng)畫(huà)效果。在制作本課件時(shí)，筆者有意在課件“精美”環(huán)節(jié)上下工夫，選擇了一張自己創(chuàng)作的背景圖片，將其放在圖層1，重命名為“背景”。

3．依次選擇“插入”→“新建組件”→“影片剪輯”，命名為“指針”。選擇矩形工具，畫(huà)出一個(gè)寬為10像素、高為2像素的小矩形。用放大鏡將小矩形放大到800%，打開(kāi)排列面板，設(shè)置小矩形的對(duì)齊方式為水平底部對(duì)齊和垂直居中對(duì)齊（圖 3）。打開(kāi)顏色填充面板，對(duì)小矩形進(jìn)行圖形填充（圖4）。

新建圖層2并重命名為“溫度計(jì)指針”，選中該圖層并從圖庫(kù)中拖出“指針”影片剪輯到舞臺(tái)上。選中該組件后，依次選擇“修改”→“實(shí)例”。打開(kāi)實(shí)例面板后，將“指針” 影片剪輯命名為zz（圖5）。

4．依次選擇“插入”→“新建組件”→“影片剪輯”，命名為“外殼”。選擇矩形工具畫(huà)出一個(gè)寬為10像素，高為202像素的矩形。打開(kāi)排列面板，設(shè)置矩形的對(duì)齊方式為水平底部對(duì)齊和垂直居中對(duì)齊（圖3）。

新建圖層3并重命名為“溫度計(jì)外殼”，選中該圖層并從圖庫(kù)中拖出“外殼”影片剪輯到舞臺(tái)上。選中該組件，選擇“修改”菜單下“實(shí)例”，打開(kāi)實(shí)例面板，將“外殼”影片剪輯命名為wk。

5．新建圖層4，命名為“文本”圖層，選擇“文本工具”，在場(chǎng)景上繪制“請(qǐng)輸入溫度數(shù)(1—100之間的整數(shù)）：”和“當(dāng)前溫度為：”兩個(gè)文本。創(chuàng)建一個(gè)輸入文本框，點(diǎn)擊鼠標(biāo)右鍵，在彈出的菜單中選取“面板”菜單項(xiàng)中的“文本選項(xiàng)”，此時(shí)系統(tǒng)彈出“文本”對(duì)話(huà)框，在該對(duì)話(huà)框中進(jìn)行如圖6所示的設(shè)置。同理，再設(shè)置兩個(gè)輸出文本框output1、output2（圖７、圖８）。

6．新建圖層5，命名為“按鈕”圖層，選中該圖層并從圖庫(kù)中拖出“確定”按鈕，放在輸入文本框input1的右側(cè)。選中“確定”按鈕，打開(kāi)“對(duì)象動(dòng)作”面板，設(shè)置腳本為：

on (release, keyPress "") {

if (input1 = "") {

output1 = "不能為空！";

} else {

if (input1>=1 & input1<=100) {

play ();

output1 = "";

} else {

output1 = "輸入有誤,請(qǐng)重輸!";

}

}

}

//這是判斷輸入文本框input1是否為空，是否在1到100之間。

7．新建圖層6，命名為“函數(shù)”圖層，在該圖層的第一幀打開(kāi)“幀動(dòng)作”面板，添加如下腳本語(yǔ)句：

setProperty ("/wk", _x, "239");//設(shè)置“外殼”影片剪輯的x坐標(biāo)位置

setProperty ("/wk", _y, "225");//設(shè)置“外殼”影片剪輯的y坐標(biāo)位置

setProperty ("/zz", _x, "239");//設(shè)置“指針”影片剪輯的x坐標(biāo)位置

setProperty ("/zz", _y, "224");//設(shè)置“指針”影片剪輯的y坐標(biāo)位置

setProperty ("/zz", _height, "2");//設(shè)置溫度計(jì)指針的初始高度為2像素，即表示初始溫度為1攝氏度

zz_height = getProperty("/zz", _height);//表示獲取當(dāng)前溫度計(jì)指針的高度并傳給變量zz_height

input1 = "";

output2 = int(zz_height/2);//將當(dāng)前溫度計(jì)的溫度顯示在輸出文本框2中，即表示“當(dāng)前溫度為：（幾度）”

fscommand ("showmenu", "false");

stop ();

8．到目前為止，一共有六個(gè)圖層，每個(gè)圖層只有一幀。給“按鈕”圖層的第二幀插入關(guān)鍵幀，將“確定”按鈕更換為“重置”按鈕，并在該按鈕上添加如下腳本語(yǔ)句：

on (release, keyPress "") {

gotoAndStop (1);

}

再選中“按鈕”圖層的第三幀按F5鍵插入幀。

9．選中“函數(shù)”圖層的第二幀，插入空白關(guān)鍵幀，并添加如下語(yǔ)句：

if (zz_height

zz_height += 2;

output2 = int(zz_height/2);

setProperty ("/zz", _height, zz_height);

} else {

stop ();

}

再選中“函數(shù)”圖層的第三幀，插入空白關(guān)鍵幀，并添加如下語(yǔ)句：

gotoAndPlay (2);

10．分別選中其他四個(gè)圖層的第三幀，按F5插入幀。

11．新建圖層7，命名為“小標(biāo)記”圖層，將筆者制作的學(xué)校標(biāo)記影片剪輯拖到舞臺(tái)上。

至此，整個(gè)Flash溫度計(jì)演示課件就大功告成了。當(dāng)然，完成同樣一個(gè)Flash課件還會(huì)有其他很多方法，如對(duì)場(chǎng)景的控制，也可以通過(guò)對(duì)影片剪輯中幀的控制來(lái)實(shí)現(xiàn)，在此就不一一列舉了。