选择显示字体大小

用flash制作“拖曳配对题”

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


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

  图2 测试效果


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons