当前位置:首页 > 述职报告 > 巧用Flash 5制作温度计动态课件|手机温度计
 

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

发布时间:2019-01-27 03:45:46 影响了:

  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(图7、图8)。
  6.新建图层5,命名为“按钮”图层,选中该图层并从图库中拖出“确定”按钮,放在输入文本框input1的右侧。选中“确定”按钮,打开“对象动作”面板,设置脚本为:
  on (release, keyPress "") {
   if (input1 = "") {
   output1 = "不能为空!";
   } else {
   if (input1>=1 & input1") {
   gotoAndStop (1);
  }
  再选中“按钮”图层的第三帧按F5键插入帧。
  9.选中“函数”图层的第二帧,插入空白关键帧,并添加如下语句:
   if (zz_height

猜你想看
相关文章

Copyright © 2008 - 2022 版权所有 职场范文网

工业和信息化部 备案号:沪ICP备18009755号-3