游戏制作的思路并不复杂:准备两张大同小异的图片,做好找到错误后的画圈mc,在每个错误的地方放上画圈mc和按钮,再对按钮添加一些简单的判断控制语句就可以了。详细步骤如下。
首先我们要准备两张不同的图片,一张是原图,另外一张把它制作成错误图片,我决定制作出有五处错误的图片。选好原图,我找了樱桃小丸子的卡通画,图一。
图一
下面我们图形处理软件将图一中的五个地方进行修改,制造出五个错误的地方。处理的方法很多,例如换换某个地方的颜色,同一个地方的事物增加它的数量,减少某个物件等等,中间的步骤我就省略了,最后的结果如图二。你发现有那五处错误了吗?如果没看见,看看图三。
图二 图三
现在图片已经准备好了,打开Flash MX开始游戏制作吧。
第一步:做开始画面。
要知道开始玩游戏的时候,都有一个开始的画面,类似电影的片头。因此第一步就是做一个开始的动画。
导入图一,把它放在场景的正中间。然后在场景中写点“欢迎使用找错误游戏”之类的话,为游戏做一个简单的介绍。如图四。
图四
现在还差一个开始的按钮,玩家按下开始按钮才能正式进入游戏。在“插入”菜单下选择“新建一个新符号”,我们建立一个按钮符号,并且命名为“开始”。在按钮场景中制作一个简单的开始符号。回到主场景,把它从库面板中拖到场景中央,然后给按钮增加一个Action动画:
on (release) {
gotoAndPlay(2);
}
在这一层的时间轴上第一帧增加一个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") {
play();
}
tellTarget ("/1b") {
play();
}
re1 = 1;
count = Number(count)+1;
score = Number(score)+10;
}
if (Number(count) == 5) {
nextFrame();
}
}
这是一个判断是否找到错误的代码,re(n)表示是否找到第n个错误,count 表示已找到的错误数,score表示分数。当玩家找到“1a”或是“1b”的时候,就演示画圈的动画,count 加1,分数score加10。当couter为5即找到五个错误后跳转到下一帧,游戏结束。
在每个错误的地方都添加相应的代码,注意每一个错误的名称不同,计算的方法也有一点区别,添加代码的时候要注意。例如第四个错误处,代码就应该为:
on (release) {
if (Number(re4) == 0) {
tellTarget ("/4a") {
play();
}
tellTarget ("/4b") {
play();
}
re4 = 1;
count = Number(count)+1;
score = Number(score)+10;
}
if (Number(count) == 5) {
nextFrame();
}
}
?
图十二
第五步:游戏结束
最后我们要做一个游戏结束的画面,在这个画面上,我们写上“恭喜你过关”的祝贺语。新建一层,在第三帧增加一个关键帧,在场景中制作结束画面,同时这一帧也要增加一个停止的Acion代码:stop();。
图十三
整个游戏就制作完成了,是不是很简单?你可以举一反三,做出更多的找错误游戏,还可以加上时间控制等,让游戏更有挑战性。原文件下载学习