资源描述
巧用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课件还会有其他很多方法,如对场景的控制,也可以通过对影片剪辑中帧的控制来实现,在此就不一一列举了。
展开阅读全文