巧用Flash 5制作温度计动态课件

Flash作为一款网页交互动画制作软件，以其强大的动画表现功能和交互功能深得人心。Flash采用矢量技术，用它创作的作品容量小，适合在互联网上、交流。因此，Flash理所当然地成为广大教育工作者制作多媒体课件的首选。

笔者曾在网上看到一个用Authorware制作温度计的演示课件，制作过程虽简单，但动画效果不尽如人意。受其启发，笔者试着用Flash5简体中文版制作了一个温度计演示课件（图1），以期与同行交流。

一、设计思路

如图2，设置变量input1接收输入温度数，通过程序控制“温度计指针zz”影片剪辑中的属性_height，从而改变温度计指针的高度。

二、制作过程

1．设定场景的宽为300像素，高为250像素。

2．给整个课件制作一张漂亮的背景图片。很多Flash课件由于缺少和谐优美的背景图片，常常给人以突兀感，甚至影响最后的动画效果。在制作本课件时，笔者有意在课件“精美”环节上下工夫，选择了一张自己创作的背景图片，将其放在图层1，重命名为“背景”。

3．依次选择“插入”“新建组件”“影片剪辑”，命名为“指针”。选择矩形工具，画出一个宽为10像素、高为2像素的小矩形。用放大镜将小矩形放大到800%，打开排列面板，设置小矩形的对齐方式为水平底部对齐和垂直居中对齐（图 3）。打开颜色填充面板，对小矩形进行图形填充（图4）。

新建图层2并重命名为“温度计指针”，选中该图层并从图库中拖出“指针”影片剪辑到舞台上。选中该组件后，依次选择“修改”“实例”。打开实例面板后，将“指针” 影片剪辑命名为zz（图5）。

4．依次选择“插入”“新建组件”“影片剪辑”，命名为“外壳”。选择矩形工具画出一个宽为10像素，高为202像素的矩形。打开排列面板，设置矩形的对齐方式为水平底部对齐和垂直居中对齐（图3）。

新建图层3并重命名为“温度计外壳”，选中该图层并从图库中拖出“外壳”影片剪辑到舞台上。选中该组件，选择“修改”菜单下“实例”，打开实例面板，将“外壳”影片剪辑命名为wk。

5．新建图层4，命名为“文本”图层，选择“文本工具”，在场景上绘制“请输入温度数(1―100之间的整数）：”和“当前温度为：”两个文本。创建一个输入文本框，点击鼠标右键，在弹出的菜单中选取“面板”菜单项中的“文本选项”，此时系统弹出“文本”对话框，在该对话框中进行如图6所示的设置。同理，再设置两个输出文本框output1、output2（图７、图８）。

6．新建图层5，命名为“按钮”图层，选中该图层并从图库中拖出“确定”按钮，放在输入文本框input1的右侧。选中“确定”按钮，打开“对象动作”面板，设置脚本为：

on (release, keyPress "") {

if (input1 = "") {

output1 = "不能为空！";

} else {

if (input1>=1 & input1

play ();

output1 = "";

} else {

output1 = "输入有误,请重输!";

}

}

}

//这是判断输入文本框input1是否为空，是否在1到100之间。

7．新建图层6，命名为“函数”图层，在该图层的第一帧打开“帧动作”面板，添加如下脚本语句：

setProperty ("/wk", _x, "239");//设置“外壳”影片剪辑的x坐标位置

setProperty ("/wk", _y, "225");//设置“外壳”影片剪辑的y坐标位置

setProperty ("/zz", _x, "239");//设置“指针”影片剪辑的x坐标位置

setProperty ("/zz", _y, "224");//设置“指针”影片剪辑的y坐标位置

setProperty ("/zz", _height, "2");//设置温度计指针的初始高度为2像素，即表示初始温度为1摄氏度

zz_height = getProperty("/zz", _height);//表示获取当前温度计指针的高度并传给变量zz_height

input1 = "";

output2 = int(zz_height/2); //将当前温度计的温度显示在输出文本框2中，即表示“当前温度为：（几度）”

fscommand ("showmenu", "false");

stop ();

8．到目前为止，一共有六个图层，每个图层只有一帧。给“按钮”图层的第二帧插入关键帧，将“确定”按钮更换为“重置”按钮，并在该按钮上添加如下脚本语句：

on (release, keyPress "") {

gotoAndStop (1);

}

再选中“按钮”图层的第三帧按F5键插入帧。

9．选中“函数”图层的第二帧，插入空白关键帧，并添加如下语句：

if (zz_height

zz_height += 2;

output2 = int(zz_height/2);

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

} else {

stop ();

}

再选中“函数”图层的第三帧，插入空白关键帧，并添加如下语句：

gotoAndPlay (2);

10．分别选中其他四个图层的第三帧，按F5插入帧。

11．新建图层7，命名为“小标记”图层，将笔者制作的学校标记影片剪辑拖到舞台上。

至此，整个Flash温度计演示课件就大功告成了。当然，完成同样一个Flash课件还会有其他很多方法，如对场景的控制，也可以通过对影片剪辑中帧的控制来实现，在此就不一一列举了。