如何用Flash制作拖拽型游戏课件
- 格式：pdf
- 大小：121.57 KB
- 文档页数：3
如何用Flash制作拖拽型游戏课件
/
摘要：本文介绍了如何使用脚本编程、按钮元件和动态文本，来制作拖曳型游戏课件。
关键词：flash；课件；教学
在教学过程中，我们可以充分利用计算机的交互性、多媒体性和智能性，制作一些Flash游戏课件，使练习和测验活动变得更加生动有趣，从而提高学生的学习兴趣。
本文使用脚本编程、按钮元件和动态文本，来实现拖曳型游戏题的制作，下面以英语课件为例来说明其制作过程”flash player下载“。
一、课件介绍
本实例制作的是一个英语拖拽型游戏课件。
课件运行时，用户可以拖拽动物图片到标记了动物名称的虚线方框中。
释放鼠标时，如果是正确的位置，图片就会停留在方框中，同时文本框中显示“You’reright”；否则图片就会返回，并且文本框中显示“Sorry,thepositioniswrong”。
另外，单击“重置”按钮，可以重新做题。
二、课件制作过程
1.制作元件
本课件中用到的按钮元件有“dog”“duck”“lion”和“重置”按钮，影片剪辑有“movie-dog”“movie-duck”“movie-lion”和“area”，其中“movie-dog”“movie-duck”“movie-lion”用于制作拖拽的对象，“area”用于制作拖放的区域。
（1）新建Flash文档。
单击“文件”菜单中的“新建”命令，新建一个Flash文档，设置影片大小为550×430像素，背景颜色为淡蓝色。
（2）创建“bt-dog”按钮元件。
按Ctrl+F8键，在创建新元件对话框中输入名称“bt-dog”，类型选择“按钮”。
进入按钮编辑区，选择“弹起”帧，导入一张小狗图片“dog.jpg”。
将图片分离，并用“套索工具”删除白色背景，再将处理后的图形组合。
注意要将图形对齐编辑中心点。
按照同样的方法，制作小鸭、狮子的按钮元件“bt-duck”和“bt-lion”。
（3）创建“重置”按钮，进入元件编辑区，制作一个颜色、大小变化的动态按钮。
（4）创建“movie-dog”影片剪辑。
按Ctrl+F8键，在创建新元件对话框中输入名称“movie-dog”，类型选择“影片剪辑”。
进入影片编辑区，从库中拖入按钮“bt-dog”，并将其对齐中心点。
同理，制作影片剪辑“move-duck”和“move-lion”。
（5）创建“area”影片剪辑，进入影片编辑区，用矩形工具绘制一个蓝色的虚线方框。
2.设置课件界面
（1）设置题目区域。
单击场景按钮返回场景1中，给图层1重命名“标题”，在舞台上添加文本框，输
入题目文本。
（2）制作动态文本框。
新建图层2重命名为“文本框”。
用文本工具在标题下方画一个文本框，然后在“属性”面板中选择文本类型为“动态文本”，字体Arial，字体大小为15号，文字颜色为红色，变量为“show”。
（3）设置对象的正确拖拽区域。
新建图层3重命名为“正确位置”。
从库中拖动三个影片剪辑“area”到舞台中，适当调整大小并排列整齐在动态文本框的下方。
选择第一个虚线方框，在“属性”面板中的“实例名称”文本框中输入“areadog”，并按回车键确定。
同样设置另外2个虚线方框的实例名称为“areaduck”和“arealion”。
（4）设置影片剪辑的实例名称。
新建图层4，重命名为“影片剪辑”。
分别从库中拖动影片剪辑“movie-dog”“movie-duck”和“movie-lion”到虚线方框的下方。
单击实例“movie-dog”，在“属性”面板中输入实例名称“dog”，并按回车键确定。
同理，设置实例“movie-duck”和实例“movie-lion”的实例名称分别为“duck”和“lion”。
（5）新建图层5，重命名为“按钮”，从库中拖动按钮“重置”到舞台的下端。
3.添加动作脚本代码
（1）双击舞台中的实例“movie-dog”，进入元件编辑区，然后按F9键打开动作面板，给实例“bt-dog”添加动作脚本代码如下：
on(press){
_root.dog.startDrag();
x0=getproperty(_root.areadog,_x);
y0=getproperty(_root.areadog,_y);
x1=_root.dog._x;
y1=_root.dog._y;
}
on(release){
_root.duck.stopDrag();
if(_root.dog.hitTest(x0,y0,0)){//判断对象拖拽后位置是否正确
_root.dog._x=x0;
_root.dog._y=y0;
_root.show=”You’reright！”;//动态文本框显示正确提示
_root.areadog._visible=FALSE;
}else{
_root.dog._x=x1;
_root.dog._y=y1;
_root.show=”Sorry,thepositioniswrong!”;//动态文本框显示错误提示
}
}
实例“movie-duck”和“movie-lion”的代码与以上代码基本相同。
只需要把它们的实例名称分别更换为“duck”和“lion”，对象正确拖拽区域“area”的实例名称分别更换为“areaduck”和“arealion”即可。
（2）单击“重置”按钮，按F9键打开动作面板，添加动作脚本代码如下：
on(release){
_root.dog._x=280;
_root.dog._y=340;//实例“dog”重置后的位置
_root.duck._x=110;
_root.duck._y=340;
_root.lion._x=440;
_root.lion._y=340;
_root.show=”";//将动态文本框“show”清空
}
本文来自：/1400。
