巧妙运用Flash MX 2004制作“拖曳配对题” (1)

2016-03-18 17:04 20 1 收藏

下面图老师小编要跟大家分享巧妙运用Flash MX 2004制作“拖曳配对题” (1),简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

【 tulaoshi.com - 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(){

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  _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();

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  if (_root.cat.hitTest(_root.mao)) {

  _root.mao._x = x0;

  _root.mao._y = y0;

    

[1] 200806/15250_2.html'>[2] 200806/15250_2.html'>下一页

  _root.mao.stopDrag();

    _root.fankui = "回答正确,继续努力!";

  } else {

  _root.mao._x = x1;

  _root.mao._y = y1;

  _root.fankui = "回答错误,再来一次!";

  }

  }

  最后按“Ctrl+Enter”键测试效果(如图2),当拖动配对错误时,拖动对象会自动返回并有文字反馈,当拖动配对正确时,也会有正确的文字反馈。当然了,本例只是拖曳配对题型的最简单使用,它的应用还Tulaoshi.Com是比较广泛的,比如,在化学课中,可以将这种题型应用到组装化学仪器中去,这样体现了课件的优势——寓教于玩,学而不厌。


图2

    

200806/15250.html'>上一页  200806/15250.html'>[1] [2] 

来源:http://www.tulaoshi.com/n/20160318/1891410.html

延伸阅读
标签: flash教程
1.0 UIObject. createObject(); 作用:创建一个组件对象 用法:componentInstance.createObject(linkageName, instanceName, depth, initObject) 例子:在这个AS里面,我们特别要注意的就是linkageName这个了。 请先从Components面板上面的Component拖到场景上面,(你可以选择Button, DateChooser等,我们在这里先用Button吧。)然后,我们...
标签: flash教程
对于不擅长编程的学科教师来说,利用 MX提供的组件,不用复杂的编程,就能轻松制作出具有较强交互功能课件。本文介绍一种利用Flash MX组件制作测验题的方法,与大家交流。 本课件仅仅为了示意,故只设计了测验题部分。运行效果是:每页设置有数道选择题,做完第一页后,可翻页到第二页继续做题,最后,点击"检测"按钮,可出...
标签: flash教程
Accordion Component组件有些类似于TAB标签的性质。在下面的例子中你将看到如何用此组件将form组合起来,而不需要作何程序。 1. 新建一个flash form Application.表单程序如下图所示。 540)this.width=540"> 2. 使用下图做为参照完成如下的布局。 540)this.width=540"> 3. 使用如下图如示的加号先后加入三个表单名称默认为f...
标签: flash教程
第一章 认识Flash 第二节 Flash的工作环境(1)      1.     初识Flash MX 2004 运行Flash MX 2004,首先映入我们眼帘的是操作的“开始”页面。页面中列出了一些常用的任务,左边是打开最近用过的项目,中间是创建各种类型的新项目、右边是从模板创建各种动画文件。 单击【创建新项目】下的【Flash...
标签: FLASH flash教程
The Tree Component组件允许你显示一个树状结构的导航,而且可以是图形化的。其实你已经很了解它了,因为它和我们经常使用的资源管理器是十分相似的。 1. 创建一个400*200大小的新的FLASH文件,使用下列的图示做为参照进行布局。 540)this.width=540"> 2. 创建两个新分层,从上到下分别将新层命名为:action,tree component,tex...

经验教程

711

收藏

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