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

巧用Flash5制作温度计演示课件浙江黄岩中学陈雪峰Flash作为一款网页交互动画制作软件，以其强大的动画表现功能和交互功能深得人心。Flash采用矢量技术，用它创作的作品容量小，适合在互联网上发布、交流，因此，Flash理所应当地成为广阔教育工作者制作多媒体课件的首选。笔者曾在网上看到一个用Authorware制作温度计的演示课件，制作过程虽较简单，但动画效果不尽如人意。受其启发，笔者试着用Flash5简体中文版制作了一个温度计演示课件〔图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，命名为“文本〞图层，选择“文本工具〞，在场景上绘制“请输入温度数(1—100之间的整数)：〞和“当前温度为：〞两个文本。创立一个输入文本框，点击鼠标右键，在弹出的菜单中选取“面板〞菜单项中的“文本选项〞，此时系统弹出“文本〞对话框，在该对话框中进行如图6所示的设置。同理，再设置两个输出文本框output1、output2〔图8、9〕。 图6图7图86．新建图层5，命名为“按钮〞图层，选中该图层并从图库中拖出“确定〞按钮，放在输入文本框input1的右侧。选中“确定〞按钮，翻开“对象动作〞面板，设置脚本为：on(release,keyPress"<Enter>"){ 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"<Enter>"){ gotoAndStop(1);}再选中“按钮〞图层的第三帧按F5键插入帧。9．选中“函数〞图层的第二帧，插入空白关键帧，并添加如下语句： if(zz_height<input1*2){ zz_height+=2; output2=int(zz_height/2); setProperty("/zz",_height,zz_height);}else{ stop();}再选中“函数〞图层的第三帧，插入空白关键帧，并添加如下语句： gotoAndPlay(2);10．分别选中其他四个图层的第三帧，按F5插入帧。