键盘拼图游戏制作心得.doc

键盘拼图游戏制作心得
为了提高学生键盘盲打的兴趣,我做了个flash键盘拼图的小游戏。其中尝试用了hit()触发命令,发现效果不错,它可以解决交互中很多问题。
先来看看我的制作过程吧!
设计思路:
目的:让学生能够拖动散落在地上的“键盘子”,并将它们放入到键盘相应的位置,如果正确靠近触碰就吸附,如果不正确就返回原来位置。当全部正确就显示表扬。
设计步骤:
一、故事情景导入:灰太狼追逐喜羊羊们,碰撞键盘,散落了一些“键盘子”。这些简单动过就不详细了。如图所示

二、用鼠标能拖动或放下“键盘子”。这里我用了startDrag和stopDrag
首先将每一个掉下来的“键盘子”都设置为影片剪辑,并多复制一个(将多复制的影片剪辑设为完全透明,并潜伏在各自正确的位置,备用)。
然后在这些影片剪辑上加上actionscript命令
onClipEvent (mouseDown){
if(hitTest(,,false)){
startDrag("",true);
x=;
y=;
}
}
表示任意拖动某个“键盘子”。
在写入这个命令
onClipEvent (mouseUp){
stopDrag();


}
}
表示放下这个“键盘子”
三、判断是否正确碰触,并确定位置。
onClipEvent (mouseUp){ //鼠标放下
stopDrag(); //释放元件
if(!hitTest()){ //如果没有碰到p1(p1这个键盘子对应的隐形元件)
=x; //返回到原来的位置的x坐标
=y; //返回到原来的位置的y坐标
}else{ //否则,如果碰到p1
=; //和P1的x坐标重合
=; //和P1的y坐标重合
}
}
四、统计正确触碰的次数
设定一个计数变量jieguo,没正确一次就加1。 Jieguo=jieguo+1
if(hitTest(,,false)){
//如果鼠标指针的坐标位置与当前的影片剪辑实例重叠
= +1;
//用变量"jieguo"统计正确拖动图像块的次数
五、显示表扬语句“你好棒哦”
在主界面制作一个动态文本框,设定其变量为xianshi
再加入命令
if(==8){
="你好棒哦!";
//给输出文本框变量赋值
通过类似的方法制作其它几个“键盘子”的actionScript命令,就可以完成。
整合一下如下:
onClipEvent (mouseDown){
//按下鼠标
if(hitTest(,,false)){
startDrag("",true); //拖动当前的“键盘子”
x=;
y=;
}
}
onClipE