当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > 巧妙运用Flash MX 2004制作“拖曳配对题”

Flash动画制作
用FLASH MX制作动画卡通人物(1)-人物素材的准备与处理
最强大的Flash反编译工具(三)
DW MX 2004的Flash动画元素 下
Flash制作空战游戏(三)
Flash MX 2004视频文件轻松播
用FLASH MX制作动画卡通人物(4)-让人物动起来
简单实用的Flash技巧心得
妙用Flash遮罩层实现水流效果
Flash MV音乐和字幕的制作(上)
最强大的Flash反编译工具(二)
Flash制作空战游戏(一)
动态生成Flash网页
Flash层的运用(五)
Flash MX 视频导入功能详解(2)
Flash MX 视频导入功能详解(3)
Flash MX 视频导入功能详解(4)
利用Flash MX模板制作XML动态菜单(2)
FW MX和Flash MX的亲密合作(4)
Flash5键盘鼠标应用(一)
Flash5键盘鼠标应用(三)

Flash动画制作 中的 巧妙运用Flash MX 2004制作“拖曳配对题”


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 55 ::
收藏到网摘: n/a

    拖曳配对题是一种常见的交互题型,将设定的物体拖到目标区域,根据到达的位置反映相应结果。一般情况下,如果没有到达目标区域,还能自动返回。学生在完成这种题型时,感觉像在玩游戏,可谓是“在玩中学,在学中玩”。本文将为大家介绍如何使用Flash制作拖曳题。

  1. 启动Flash Mx/2004,新建一个Flash文档。在场景的第1帧输入文字,并且按“Ctrl+B”打散,然后再按“Ctrl+G”组合。输入括号,并在括号中绘制两个矩形,然后分别选中,按F8弹出对话框,将其转换成影片剪辑,最后单击场景下方的〔属性〕按钮,分别将他们的实例名称设置为:cat和car,透明度(Alpha)设置为0,这样在场景中看不到这两个矩形。矩形将作为文字的搭配对象,拖动文字到括号中,其实就是将文字与其接触而获得反馈。

  2. 在下面输入文字:轿车、猫,并且分别打散,再按F8键将其转换成影片,将它们的实例名设置为:jiaoche、mao。在下方输入一个空白的动态文本框,单击场景下方的〔属性〕按钮,在变量项中输入“fankui”,并且设置字体、字号、颜色等,文本框将用来反馈配对的结果。场景中物体的具体位置可参照图1,也可以根据实际情况来设置,不一定是文字,也可以是图片等,但是注意一定要转换成影片对象。


图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),当拖动配对错误时,拖动对象会自动返回并有文字反馈,当拖动配对正确时,也会有正确的文字反馈。当然了,本例只是拖曳配对题型的最简单使用,它的应用还是比较广泛的,比如,在化学课中,可以将这种题型应用到组装化学仪器中去,这样体现了多媒体课件的优势——寓教于玩,学而不厌。


图2