基于Flash as3的“连连看”游戏型课件制作实例

基于Flash as3的“连连看”游戏型课件制作实例

通过开发教学小游戏，让学生在游戏中学习，可以使原本枯燥的教学内容变得富有情趣，做到寓教于乐。现通过Flash cs5制作一个简单的“连连看”小游戏课件，探索Flash as3游戏型课件的制作。

一、创建一个“Movie Clip”类的派生类

启动Flash cs5（使用as3的其他Flash版本也可以），新建一个Action Script 3.0类文件，类名输入“llk”，然后在其中输入以下内容（以llk.as为文件名存盘）：

package

{

import flash.display.MovieClip；//导入必要的类

import flash.events.MouseEvent；

public class llk extends MovieClip

{

private static var SelectName：String=““，ParentName：String=““；//声明两个静态变量，保存选中的“连连看按钮”实例名和其父影片剪辑实例名public function llk（）

{

this.addEventListener（MouseEvent.CLICK，f1）；

function f1（e：MouseEvent）

{

if （llk.SelectName == && llk.ParentName ！= ）//选择正确时执行

{

parent.parent[llk.ParentName][llk.SelectName].gotoAndPlay（3）；//两选项同时闪动

gotoAndPlay（3）；

parent.parent[llk.ParentName][llk.SelectName].removeEventListener （MouseEvent.CLICK，f1）；//取消两选项的鼠标帧听

e.currentTarget.removeEventListener（MouseEvent.CLICK，f1）；

llk.SelectName = ““；//清空保存的选中“连连看按钮”实例名

}

else

{

if （llk.SelectName ！= ““）

{

parent.parent[llk.ParentName][llk.SelectName].gotoAndStop（1）；//取消选中状态

}

llk.SelectName = ；// 保存选中的“连连看按钮”实例名和其父影片剪辑实例名

llk.ParentName = ；

gotoAndStop（2）；//改变选中状态

}

}

}

}

}

二、创建一个基类为“llk”的影片剪辑元件，作为“连连看按钮”使用

在Flash cs5中创建一个ActionScrtip3.0文件，并将其与“llk.as”保存在同一文件夹中。在“插入”菜单中选择“新建元件”，在新建元件对话中“名称”设置为“连连看按钮”，类型选择“影片剪辑”，在ActionScript链接中勾选“为ActionScript 导出”，并将基类改为“llk”，如图1所示：

图1

单击“确定”按钮后出现“类警告”对话框，直接“确定”即可。

在第一帧舞台上绘第一个矩形，并在第一帧上添加语句“stop（）；”，在第二帧插入关键帧，修改矩形的边框和填充，表示选中状态。前两帧如图2所示。

从第三帧到第十帧，使用遮罩制作一个闪动效果的动画，被遮罩层解锁后看到的画面如图3所示。

图2

图3

在最后一帧插入一个空白关键帧并输入如下语句：

MovieClip（parent）.gotoAndStop（2）；

stop（）；

三、使用“连连看按钮”影片剪辑元件制作连连看游戏课件

制作一个“连连看选项”影片剪辑元件。

图4

新建一个影片剪辑元件，将“连连看按钮”影片剪辑元件拖入其中，在属性面板中为其命名（注意命名时不要使用as3的关键字和保留字，如x和y，否则会报错），并在第一帧输入语句“stop（）；”，然后在其上一图层输入相应的文字，再在第二帧插入一个空白关键帧（如图4所示）。

用与制作一个“连连看选项”相同的方法制作多个选项（可以直接复制，然后修改文字）。

在制作过程中要注意里面包含的“连连看按钮”实例名命名遵循以下规则：

①对应选项中包含的“连连看按钮”实例名相同。

②不是对应选项包含的“连连看按钮”实例名都要不同。

③实例名不要使用as3关键字和保留字。

将所有制作好的“连连看选项”影片剪辑元件拖放到主时间舞台上，并为每个一实例命名。注意这里所有的实例名都要不同，并且不能使用as3关键字和保留字。

至此完成了一个简单的“连连看”教学小游戏课件的制作。测试时，单击一个选项变为选中状态，再单击另一选项时，如果不是对应选项，取消原选项的选中状态，并选中新选项，如果是对应选项，则同时闪动并消失（如图5所示）。

图5