基于Flash和Action3.0技术的交互多媒体课件设计与实现

肖宇+钱斌

摘要：随着现代教育的迅速发展和多媒体技术推广普及，多媒体课件越来越多地应用到教学实践中，其中可以与学生互动的交互式多媒体课件更加受欢迎，该文对交互多媒体课件设计过程中常用的鼠标点击型，鼠标拖动型，文本输入型和键盘按键型等交互技术进行了探讨，并采用Flash和ActionScript3.0脚本语言设计了《两点间的距离》多媒体交互课件，给出了具体的交互多媒体课件实现效果。

关键词：Flash课件；交互设计；ActionScript3.0

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2016）10-0222-02

在现代教学的过程中，课件是必不可少一个的教学手段，通过课件可以将知识生动、形象、直观地展示给学生，从而大大地提高教学质量，由于PPT普及的较早，操作也简单，所以是教师中使用较多的课件制作工具，但是随着教学课件的制作水平效果越来越好以及教师信息化水平的不断提高，近年来，Flash技术被越来越多的应用到教学课件制作中，课件的动画效果更丰富，制作起来也更简单，尤其是在Flash中利用ActionScript语言制作的带有交互性质的多媒体课件，能够制作出包含作答选择题、作答判断题、作答填空题的课件，供学生通过进行人机交互来完成课堂学习效果的检测，实现了人机的交互，丰富的互动体验极大的调动学生学习的积极性[1]，而ActionScript语言在经历了1.0版本和2.0版本后，目前最新版本为3.0已经发展成为严谨的面向对象程序设计语言，在进行多媒体编程和交互处理时更加易于实现，系统代码相比以前的版本结构更加清晰，可以很方便地实现交互、数据处理及动画制作等功能，在交互多媒体课件制作中有很大的技术优势。本文介绍的交互多媒体课件就是利用Flash和ActionScript3.0技术制作的。

1 多媒体课件的主要交互形式

1.1 鼠标点击型交互

鼠标点击型交互是多媒体课件中最基本也是最常用的交互类型，一般包括按钮引导型和文字引导型两类，主要通过按钮引导和文本（静态文本或动态文本）来引导学生进行学习操作，此类操作比较基本，交互性不强[2]。

1.2 鼠标拖动型交互

鼠标拖动型交互主要有两种形式，第一种是连线型，拖动鼠标将对应的内容连接在一起；另外一种是匹配型，通过设定答案的位置，要求学生根据所学知识进行判断，将答案拖动到指定位置，这两种都是课件中课后练习和游戏部分比较常用的交互形式，很多拼图游戏也是基于这两种方法。

1.3 文本输入型交互

文本输入型交互主要是通过输入文本框来记录题目答案，提交后课件会判断正误并给出相应评价，常见应用于问答题的交互设计中。

1.4 键盘按键型交互

键盘按键型交互主要通过特定的按键来控制交互的进程，吸引学生完成相应学习任务或者答对答案才能闯关成功进入下一关，多用于闯关游戏的设计中。

本文设计的《两点间的距离》交互式多媒体课件在通过情景动画讲解知识点的同时，综合使用交互技术，形成了交互性较强的多媒体课件。

2 交互课件的设计思路

《两点间距离》是一个小学数学的教学课件，为更好地吸引小学生学习，课件整体设计生动活泼、色彩丰富，趣味性强。以任务驱动教学法引导学生去思考，步步深入，引导学生理解“两点间直线最短”知识点，提高学生学习的积极性。

课件设计了诺诺、冉冉、乐乐三个卡通人物，通过他们之间开展的小竞赛讲解了“两点间直线最短”知识点，然后由两个逐步加大难度的交互小游戏，使学生在更深入的理解“两点间直线最短”知识点。在吸引学生学习的同时使学生轻松掌握知识，交互功能体现在整个教与学的过程中。

3 交互课件的实现

3.1 素材设计

本课件用到的素材，包括课件人物、场景等均在photoshop或IIustrator软件中设计完成，声音素材也前期录制编辑完成，导入到Flash的工程库文件中。

3.2 交互功能实现

1） 可视化类创建

Flash的开发环境提供了创建可视化类的实现方法，在库中选取相应的元件，在元件属性中导出基类为flash.display.MovieClip的可视化类，在脚本程序中创建起实例化对象，最后再对其对象进行操作[3]。

2） 交互功能实现

本课件一共有两个小游戏，游戏一是连线题，请学生连接家到学校最近的连线，如图2所示，有5个圆点供连线选择，选中任意两点，圆点显示红色并连线，课件判断连线是否正确，回答正确即可进入游戏二。

主要代码如下：

function pointDownHandler（e：MouseEvent ）：void

{

hadDown=true；

pointName[lineNum].push（e.currentTarget）；

e.currentTarget .gotoAndStop（2）；//

this.addEventListener （MouseEvent.MOUSE_MOVE ，sceneMoveHandler）；

showLine_mc.graphics.lineStyle（3）；

showLine_mc.graphics.moveTo（e.currentTarget .x，e.currentTarget .y）；

}

游戏二是填空题，如图3所示，主要是应用鼠标拖动进行操作交互，要求学生根据所学知识进行判断并将正确答案拖动到给定位置上，如果出错3次则显示正确答案。对于如何判断是否拖动到指定位置上本设计应用了ActionScript3.0的hitTestObject（）方法来实现碰撞的检测。

应用hitTestObject（）方法返回的布尔值类型来判断是否碰撞，拖动到指定位置，否之放回原位，主要代码如下：

function sceneUpHandler（e：MouseEvent ）：void

{

stopDrag（）；

this.removeEventListener （MouseEvent.MOUSE_UP ，sceneUpHandler）；

if（currentMc .hitTestObject（temp_mc））

{

currentMc .x=temp_mc.x；

currentMc.y=temp_mc.y；

dragEnabled=false；

}

else

{

var n：int =int（currentMc.name.substr（3，1））；

currentMc.x=numPos[n].x；

currentMc.y=numPos[n].y；

}

}

3.3 计时功能实现

ActionScript3.0主要提供了两种表达时间变化的方法，一种是采用播放头事件Event.ENTER_FRAME描述时间变化。播放时间头事件通过设置不同帧频（frameRate）来控制时间间隔；另一种是通过Timer时间类时间计时器来记录时间的经过[4] ，本次课件的设计采用Timer类来实现计时功能，3次错误答案后显示正确答案，主要代码如下：

function timerHandler（e：TimerEvent ）：void

{

timer.stop（）；

if（falseCount<3）

{

dragEnabled=true；

replay（）；

}

else

{

showAnswer（）；

finished=true；

timer.start （）；

}

}

4 结束语

课件的动画交互设计功能的途径和表现形式多种多样，实现方式也并不唯一，充分利用Flash和ActionScript语言的强大的交互设计优点设计出的强大交互课件，不仅能帮助教师很好地进行教学，还能吸引学生积极参与到教学活动中，引导学生去思考、去实践，更能使学生在听觉、视觉等方面有一个美的享受。因此，课件的交互设计在整个课件的设计中占有重要的地位。只有拥有强大的交互能力，多媒体课件才能够充分地发挥其优势，达到节省教师劳动和提升教学效果的双重效果。希望本文能给广大同仁们一点借鉴和帮助，合理利用这些方法制作出完整高效的交互式多媒体课件。

参考文献：

[1] 张蓝春. Flash制作多媒体课件交互功能的实现方法[J].中国科技信息，2012（10）：232.

[2] 梁珂，傅兴瀛，刘元.Flash多媒体课件作品中交互技术研究[J].软件导刊，2014（2）：147-148.

[3] 李巧玲，王晓梅.Flash课件中交互练习题的制作[J].电脑知识与技术，2011，7（8）.

[4] 陈煜，吴晓光，殷凤华.基于Flash和Action3.0技术的防火演习游戏设计与开发[J].软件导刊，2015（3）：95-96.