分享
 
 
 

寓教于乐 猫捉老鼠Flash小游戏自己做

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

在学习过程中,学习内容如果可以与适当的游戏相结合,必然可以提高大家生的学习兴趣,从而达到事半功倍的效果。为了说明方便,让我们以最常用的汉语拼音为例,在这里制作一个针对于汉语拼音的游戏,在轻松的气氛下,加深对汉语拼音的记忆。无论是家长还是孩子或者是学习汉语的外国友人都可以在游戏中学习到知识,玩一回"猫鼠游戏"。

程序脚本: 我们确定要做一个猫捉老鼠的游戏,小猫和老鼠分别在屏幕的两端,每当答对一个问题,小猫就前进一步,当答对最后一个问题的时候,小猫到达老鼠的小屋,表示捉到老鼠了,这时候屏幕上会出现"抓到老鼠了!!"。

具体步骤:第一步,我们收集与本游戏相关的素材,分别是:小猫,老鼠,小路,以及路标的图片。

第二步,我们开始进行游戏的制作。我们选择使用flash软件进行制作。首先,打开FLASH,选择file/new新建文件,如图1所示:

图1 然后,选择Insert/new symbol新建元件,如图2所示:

图2

新元件的名称为小猫,属性为Graphic(图形),选择file/import,选择要导入的小猫图片,单击打开。

老鼠,小路以及路标等元件的制作方法与小猫元件的制作是相同的。

我们还需要制作一个开始按钮,来控制游戏的开始。开始按钮创建以后,编辑的界面如图3所示:

图3

在第一帧处,添加关键帧。在场景区,添加矩形框,新建一层,在该层第一帧处,添加关键帧,在放置矩形框的位置,添加文字"开始"。如果我们希望按钮在鼠标滑过或者是点击的时候、出现变化,我们可以按照以下的步骤进行设置。在第一层的第二帧处,添加关键帧,选中矩形框,利用油漆桶工具,改变矩形框的颜色。同样我们也可以在第一层的第三帧处,添加关键帧,改变鼠标点击时,按钮的变化。文字的变化设置也可以按照同样的步骤进行。

下面我们开始制作游戏,将小路元件放置在第一层,小猫将沿着这条小路捉老鼠,所以将其放置在场景的中间位置。调整好位置之后,将这一层锁定。锁定之后,再放置其他元件的过程中,该元件能够保持固定的位置。

新建一层,命名为开始按钮,在该层放置开始按钮。我们将开始按钮放置在场景的左下角。

新建一层,命名为小猫,在该层放置小猫元件。我们将小猫元件放置在小路的左侧。

新建一层,命名为老鼠,在该层放置老鼠元件。我们将老鼠元件放置在小路的右侧。

新建一层,命名为路标,在该层放置路标元件。这些路标分别沿小路放置,然后我们在这些路标上添加要考查的基本文字,添加完成后,如图4所示:

图4

新建一层,命名为矩形框,在第二帧添加关键帧,在选中第二帧的情况下,在场景的下方放置矩形框。我们将会在矩形框的上方放置拼音。

新建一层,命名为拼音,在该层放置拼音。

新建一层,命名为透明按钮,在该层放置透明按钮。透明按钮在动画中虽然并不显示,但是同样具备按钮的各种功能。

新建一层,命名为动作,在该层设置关键帧的动作。设置完成后,如图5所示:

图5

下面开始进行动作的设置,首先为小猫所在层的第二帧添加关键帧,将小猫的位置移动到标有"多少"的路标旁边,按照相同的方法,依次为小猫所在层,添加关键帧,直到将小猫移动到老鼠所在的位置。共11帧,如图6所示:

图6

然后为拼音层的第二帧添加关键帧,在场景中矩形框的位置,输入"多少(shǎo sǎo)"。按照相同的方法,依次为拼音层,添加关键帧,输入的拼音的次序与路标排列的次序是相同的。在第10帧,输入"这边(biān pián)"。在11帧处,输入"抓到老鼠了!!"如图7所示:

图7

我们的思路是答对一组拼音的时候,我们点击正确的拼音,小猫就会前进一步,所以我们将透明按钮放置在拼音的位置。通过为透明按钮设置动作,实现小猫的前进。

我们为透明按钮层的第二帧添加关键帧,将透明按钮分别放置在拼音" shǎo "和" sǎo "所在的位置。按照相同的方法,依次为透明按钮层,添加关键帧,并将透明按钮分别放置在与拼音相对的位置上。如图8所示:

图8

下面我们将要为透明按钮设置动作,选中放置在正确拼音位置的透明按钮,打开动作设置面板,如图9所示:

图9

添加脚本指令"on(release){nextFrame();}"该脚本指令的意思是,当鼠标点击释放以后,自动跳转到下一帧。

我们希望在每一组拼音出现的时候,动画都能够停住,让回答者有时间思考、回答、选择的时间。因此,我们应该为每一帧都设置停止的动作。

选中动作层的第一帧,打开动作设置面板,如图10所示:

图10

添加脚本指令"stop();"。为动作层的第二帧添加关键帧,同样设置该帧的动作为"stop();"按照相同的方法,依次为动作层,添加关键帧,直到第11帧,并为这些关键帧设置相同的动作。设置完成后,如图11所示:

图11

还有最后一步,那就是游戏的开始按钮我们还没有设置呢。下面我们就可以选中开始按钮,为开始按钮加入脚本指令。

添加脚本指令"on(release){play();}"。该脚本指令的意思是,当鼠标点击释放以后,自动向下播放。

"猫捉老鼠"的游戏制作完成了,下面我们就可以通过测试影片,来欣赏一下我们自己的作品了。测试完成以后,flash会自动生成一个以.swf为后缀的文件。我们就可以在课堂上方便地使用它了。

当然我们还可以更换游戏的主角,比如换成"小兔子采蘑菇",只要更换动画中的相对元件就可以了。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有