Flash游戏制作：找错误


在大型的电子游戏厅里都有专门的“找错误”游戏机，很多人围在那里玩，你也一定玩过了吧。想自己做一个这样的游戏吗？今天我将教你制作一个Flash找错误游戏。文章末尾提供源文件下载学习。

　　游戏制作的思路并不复杂：准备两张大同小异的图片，做好找到错误后的画圈mc，在每个错误的地方放上画圈mc和按钮，再对按钮添加一些简单的判断控制语句就可以了。详细步骤如下。

　　首先我们要准备两张不同的图片，一张是原图，另外一张把它制作成错误图片，我决定制作出有五处错误的图片。选好原图，我找了樱桃小丸子的卡通画，图一。

图一

　　下面我们图形处理软件将图一中的五个地方进行修改，制造出五个错误的地方。处理的方法很多，例如换换某个地方的颜色，同一个地方的事物增加它的数量，减少某个物件等等，中间的步骤我就省略了，最后的结果如图二。你发现有那五处错误了吗？如果没看见，看看图三。

　
图二　　　　　　　　　　　　图三

　　现在图片已经准备好了，打开Flash MX开始游戏制作吧。

第一步：做开始画面。

　　要知道开始玩游戏的时候，都有一个开始的画面，类似电影的片头。因此第一步就是做一个开始的动画。

　　导入图一，把它放在场景的正中间。然后在场景中写点“欢迎使用找错误游戏”之类的话，为游戏做一个简单的介绍。如图四。

图四

　　现在还差一个开始的按钮，玩家按下开始按钮才能正式进入游戏。在“插入”菜单下选择“新建一个新符号”，我们建立一个按钮符号，并且命名为“开始”。在按钮场景中制作一个简单的开始符号。回到主场景，把它从库面板中拖到场景中央，然后给按钮增加一个Action动画：

　　on (release)

　　在这一层的时间轴上第一帧增加一个Action：stop();，在第二帧增加一个关键帧，同样添加一个Action：stop();。

　　第二步：游戏制作

　　现在我们要进行游戏的制作了。把图二也导入到Flash MX中，把两张图片并列排放在主场景中。如图五

图五

　　把第一层锁定，在时间轴上增加一个新的层，为了让玩家的鼠标移动到图片上有鼠标动作，我们在第二层增加一个大的鼠标事件，并且肉眼看不见。

　　在第二层的第二帧，增加一个关键帧，新建一个按钮符号，然后在按钮场景中画一个和图片大小差不多的框。回到主场景，把这个框遮照在图片上，同时在属性面板中降低这个按钮的透明度让我们的肉眼看不见。

图六

　　锁定该层，增加第三层，同样是在第二帧操作。这里我们要做一个找到错误的动画，试想当玩家找到一个错误的时候，该处绘画上一个圆圈，表示这个地方被找到了。我们把这个画圈的过程做成一个动画。

　　新建一个电影剪辑符号，取名为“画圈”。来到画圈的场景，第一帧留一个空帧，并且加一个Action：stop();。第二帧建立一个关键帧，开始画圈的第一笔。

 
图七

　　这一帧我们增加一个声音效果，让动画更形象。在Flash MX中自带了一些声音文件，我们可以从“窗口”菜单下的“Common Libraries”中可以找到。然后从打开的库中选择一个声音文件添加。

图八

　　在第三帧也增加一个关键帧，我们继续画圆圈。同理增加第四帧、第五帧，把圆圈画完。

图九

　　在第五帧也增加一个停止的Ation：stop();。在当前场景可以按回车键测试一下动画和声音效果。

　　回到主场景，把这个“圆圈”符号，分别放在图片上每一个错误的位置，左右图都放。然后每个位置的圆圈，我们都在属性面板中给它们取名，为以后增加动画服务。左边的图，每个小圈按照“1a”、“2a”的方式命名，右边的图按照“1b”“2b”的方式命名，最后效果如图十．

图十

第四步：找错误

　　下面再增加一层，这一层我们要做鼠标事件了，当玩家发现错误时，鼠标一点，就出现画圈的动画效果．新建一个按钮符号，取名为“找茬”。在按钮场景中，我们可以不用画图形，直接在“Up”到“Down”状态下使用空帧。在“Hit”状态下有一个图形，如图十一。

图十一

　　回到主场景，把这个“找茬”按钮放在每一个错误的位置上，并且为按钮增加Action：

　　on (release) {
　　　　if (Number(re1) == 0) {
　　　　　　tellTarget ("/1a")
　　　　　　tellTarget ("/1b")
　　　　re1 = 1;
　　　　count = Number(count)+1;
　　　　score = Number(score)+10;
　　　　}
　　　　if (Number(count) == 5)
　　}

　　这是一个判断是否找到错误的代码，re(n)表示是否找到第n个错误，count 表示已找到的错误数，score表示分数。当玩家找到“1a”或是“1b”的时候，就演示画圈的动画，count 加1，分数score加10。当couter为5即找到五个错误后跳转到下一帧，游戏结束。

　　在每个错误的地方都添加相应的代码，注意每一个错误的名称不同，计算的方法也有一点区别，添加代码的时候要注意。例如第四个错误处，代码就应该为：

on (release) {
　　if (Number(re4) == 0) {
　　　　tellTarget ("/4a")
　　　　tellTarget ("/4b")
　　　　re4 = 1;
　　　　count = Number(count)+1;
　　　　score = Number(score)+10;
　　}
　　if (Number(count) == 5)
}

 
图十二

　　第五步：游戏结束

　　最后我们要做一个游戏结束的画面，在这个画面上，我们写上“恭喜你过关”的祝贺语。新建一层，在第三帧增加一个关键帧，在场景中制作结束画面，同时这一帧也要增加一个停止的Acion代码：stop();。

图十三

　　整个游戏就制作完成了，是不是很简单？你可以举一反三，做出更多的找错误游戏，还可以加上时间控制等，让游戏更有挑战性。