巧用Flash5制作温度计演示课件

巧用Flash5制作温度计演示课件浙江黄岩中学 陈雪峰Flash作为一款网页交互动画制作软件，以其强大的动画表现功能和交互功能深得人心。Flash采用矢量技术，用它创作的作品容量小，适合在互联网上发布、交流，因此，Flash理所应当地成为广阔教育工作者制作多媒体课件的首选。笔者曾在网上看到一个用Authorware制作温度计的演示课件，制作过程虽较简单，但动画效果不尽如人意。受其启发，笔者试着用Flash 5 简体中文版制作了一个温度计演示课件图1，以期与同行交流。 图1 图2 一、设计思路如图2，设置变量input1接收输入温度数，通过程序控制“温度计指针zz影片剪辑中的属性_height，从而改变温度计指针的高度。二、制作过程1设定场景的宽为300像素，高为250像素。2给整个课件作一张漂亮的背景图片。网上很多Flash课件由于缺少和谐优美的背景图片，常常给人突兀感，甚至影响最后的动画效果。在制作本课件时，笔者有意在课件“精美环节上下功夫，选择了一张自己创作的背景图片，将其放在图层1，重命名为“背景。3依次选择“插入“新建组件“影片剪辑，命名为“指针。选择矩形工具，画出一个宽为10像素，高为2像素的小矩形。用放大镜将小矩形放大到800%，翻开排列面板，设置小矩形的对齐方式为水平底部对齐和垂直居中对齐图 3。翻开颜色填充面板，对小矩形进行图形填充图4。 图3 图4 图5新建图层2并重命名为“温度计指针，选中该图层并从图库中拖出“指针影片剪辑到舞台上。选中该组件后，依次选择“修改“实例。翻开实例面板后，将“指针 影片剪辑命名为zz图5。4依次选择“插入“新建组件“影片剪辑，命名为“外壳。选择矩形工具画出一个宽为10像素，高为202像素的矩形。翻开排列面板，设置矩形的对齐方式为水平底部对齐和垂直居中对齐图3。新建图层3并重命名为“温度计外壳，选中该图层并从图库中拖出“外壳影片剪辑到舞台上。选中该组件，选择“修改菜单下“实例，翻开实例面板，将“外壳 影片剪辑命名为wk。5新建图层4，命名为“文本图层，选择“文本工具，在场景上绘制“请输入温度数(1100之间的整数)：和“当前温度为：两个文本。创立一个输入文本框，点击鼠标右键，在弹出的菜单中选取“面板菜单项中的“文本选项，此时系统弹出“文本对话框，在该对话框中进行如图6所示的设置。同理，再设置两个输出文本框output1、output2图8、9。 图6 图7 图86新建图层5，命名为“按钮图层，选中该图层并从图库中拖出“确定按钮，放在输入文本框input1的右侧。选中“确定按钮，翻开“对象动作面板，设置脚本为：on (release, keyPress ) if (input1 = ) output1 = 不能为空！; else if (input1=1 & input1=100) 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_heightinput1 = ;output2 = int(zz_height/2); /将当前温度计的温度显示在输出文本框2中，即表示“当前温度为：几度 fscommand (showmenu, false);stop ();8到目前为止，一共有六个图层，每个图层只有一帧。给“按钮图层的第二帧插入关键帧，将“确定按钮更换为“重置按钮，并在该按钮上添加如下脚本语句：on (release, keyPress ) gotoAndStop (1);再选中“按钮图层的第三帧按F5键插入帧。9选中“函数图层的第二帧，插入空白关键帧，并添加如下语句：if (zz_heightinput1*2) zz_height += 2;output2 = int(zz_height/2);setProperty (/zz, _height, zz_height); else stop ();再选中“函数图层的第三帧，插入空白关键帧，并添加如下语句：gotoAndPlay (2);10分别选中其他四个图层的第三帧，按F5插入帧。11新建图层7，命名为“小标记图层，将笔者以前制作的学校标记影片剪辑拖到舞台上。至此，整个Flash温度计演示课件就大功告成了。当然，完成同样一个Flash课件还会有其他很多方法，如对场景的控制，也可以通过对影片剪辑中帧的控制来实现，在此就不一一列举了。