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

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

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

　　具体步骤：第一步，我们收集和本游戏相关的素材，分别是：小猫，老鼠，小路，连同路标的图片。

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

　　

　　

　　

　　

　　

　　

图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所示：

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有