用Flash制作“拖曳配对题”

2016-01-29 12:53 275 1 收藏

用Flash制作“拖曳配对题”,用Flash制作“拖曳配对题”

【 tulaoshi.com - Flash 】

拖曳配对题是一种常见的交互题型,将设定的物体拖到目标区域,根据到达的位置反映相应结果。一般情况下,如果没有到达目标区域,还能自动返回。学生在完成这种题型时,感觉像在玩游戏,可谓是“在玩中学,在学中玩”。本文将为大家介绍如何使用Flash制作拖曳题。
  
  1. 启动Flash Mx/2004,新建一个Flash文档。在场景的第1帧输入文字,并且按“Ctrl+B”打散,然后再按“Ctrl+G”组合。输入括号,并在括号中绘制两个矩形,然后分别选中,按F8弹出对话框,将其转换成影片剪辑,最后单击场景下方的〔属性〕按钮,分别将他们的实例名称设置为:cat和car,透明度(Alpha)设置为0,这样在场景中看不到这两个矩形。矩形将作为文字的搭配对象,拖动文字到括号中,其实就是将文字与其接触而获得反馈。
  
11840299_2004081913512321136500.jpg
  图1 各个对象的位置摆放

  
  2. 在下面输入文字:轿车、猫,并且分别打散,再按F8键将其转换成影片,将它们的实例名设置为:jiaoche、mao。在下方输入一个空白的动态文本框,单击场景下方的〔属性〕按钮,在变量项中输入“fankui”,并且设置字体、字号、颜色等,文本框将用来反馈配对的结果。场景中物体的具体位置可参照图1,也可以根据实际情况来设置,不一定是文字,也可以是图片等,但是注意一定要转换成影片对象。
  
  3. 选中第1帧,按F9键打开“动作”面板对话框,输入以下语句:
  
  _root.jiaoche.onPress=function(){
  
  _root.jiaoche.startDrag();//鼠标按下,“轿车”被拖动
  
  x0 = _root.car._x;
  
  y0 = _root.car._y;
  
  x1 = _root.jiaoche._x;
  
  y1 = _root.jiaoche._y;
  
  //获取car和jiaoche影片的坐标值
  
  }
  
  _root.jiaoche.onRelease=function(){
  
  _root.jiaoche.stopDrag();//鼠标松开,“轿车”停止拖动
  
  if (_root.car.hitTest(_root.jiaoche)) {
  
  _root.jiaoche._x = x0;
  
  _root.jiaoche._y = y0;
  
  //当jiaoche影片碰到了car影片后,jiaoche影片自动到达car影片的位置
  
  _root.jiaoche.stopDrag();
  
  _root.fankui = "回答正确,继续努力!";
  
  //当括号中的car影片与轿车碰撞后,反馈正确结果
  
  } else {
  
  _root.jiaoche._x = x1;
  
  _root.jiaoche._y = y1;
  
  //当jiaoche影片没有到达car影片位置时,jiaoche影片返回原始位置。
  
  _root.fankui = "回答错误,再来一次!";
  
  }
  
  }//上面的语句是对轿车进行拖动并且反馈出配对结果。
  
  _root.mao.onPress=function(){
  
  _root.mao.startDrag();
  
  x0 = _root.cat._x;
  
  y0 = _root.cat._y;
  
  x1 = _root.mao._x;
  
  y1 = _root.mao._y;
  
  }
  
  _root.mao.onRelease=function(){
  
  _root.mao.stopDrag();
  
  if (_root.cat.hitTest(_root.mao)) {
  
  _root.mao._x = x0;
  
  _root.mao._y = y0;
  
  _root.mao.stopDrag();
  
  _root.fankui = "回答正确,继续努力!";
  
  } else {
  
  _root.mao._x = x1;
  
  _root.mao._y = y1;
  
  _root.fankui = "回答错误,再来一次!";
  
  }
  
  }
  
  最后按“Ctrl+Enter”键测试效果(如图2),当拖动配对错误时,拖动对象会自动返回并有文字反馈,当拖动配对正确时,也会有正确的文字反馈。当然了,本例只是拖曳配对题型的最简单使用,它的应用还是比较广泛的,比如,在化学课中,可以将这种题型应用到组装化学仪器中去,这样体现了多媒体课件的优势——寓教于玩,学而不厌。
  
11840299_2004081913512325257100.jpg
  图2 测试效果

来源:http://www.tulaoshi.com/n/20160129/1487944.html

延伸阅读
标签: flash教程
现在大多数的数码相机都附有短片拍摄功能,有的相机所拍的为AVI格式的短片,但更多数码相机所拍摄的短片为MOV格式,由于相机本身的局限,这些短片一般无法记录声音,拍下的短片成了“哑剧”,并且能对MOV短片进行合并、格式转换的工具很少,这都给人们的使用带来了很大不便与遗憾。如果利用动画制作工具Flash MX,就可以非常方便地对多个MOV短片...
标签: flash教程
    光阴似箭,转眼间新的一年又要姗姗而来,剑锋由一名闪迷也成长为闪客了,今天就要用自学的Flash知识,为大家制作一张新年贺卡,祝大家“新年快乐,更上层楼”。 贺卡效果:伴随着一阵鞭炮声和飞舞的福字,画面上出两扇门,门上拉下一幅春联“新年快乐,更上层楼”;当用鼠标点击门时,大门打开,从门里出来一个小男孩,...
标签: flash教程
相信多数Flash爱好者都见过一种文字特效,这种效果是将文字层作为遮罩利用背景图片的移动而产生动感。但是这种动画只是一种“假”动画,绝非真正动画效果。不久前本人为了参加公司系统举行的课件展评活动,在制作片头的时候突发奇想:能否利用遮罩效果实现文字熊熊燃烧的动画呢?想到就干,经过一番折腾,终于在屏幕上出现了暗夜之中熊熊燃...
标签: flash教程
微软公司的风格似乎并不是墨守成规的,但是不知道为什么Windows界面总是没有什么变化。从Windows3.x到Windows9x,再到现在的Windows2000和WindowsXP看来看去总是那个样子,想自己改变一下也很麻烦……没有办法,既然我们拥有这个好用的工具,为什么不充分利用呢?所以我们用Flash模拟一个来过过瘾。不过,怎么好像还是...
360搜索拍题怎么用?   360搜索APP于6月初上线不久,近日宣布对产品进行首次升级,发布全新1.1版。新版本最大的亮点在于推出了拍题功能,用户使用该功能拍下考卷、作业上的试题照片,就能搜索获得答题结果,瞬间化身学霸轻松解题。 此次360在移动搜索APP添加的这一新的拍题功能,旨在为学生群体提供一个自学、写作业时的学习...

经验教程

123

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部