加入收藏 | 网站地图 | | RSS | WAP
你好,游客 登录 注册 搜索

Flash游戏制作:找错误

[日期:2005-03-12] 作者:未知 来源:网络 [字体: ]
 在大型的电子游戏厅里都有专门的“找错误”游戏机,很多人围在那里玩,你也一定玩过了吧。想自己做一个这样的游戏吗?今天我将教你制作一个Flash找错误游戏。文章末尾提供源文件下载学习。

  游戏制作的思路并不复杂:准备两张大同小异的图片,做好找到错误后的画圈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();。

图十三

  整个游戏就制作完成了,是不是很简单?你可以举一反三,做出更多的找错误游戏,还可以加上时间控制等,让游戏更有挑战性。原文件下载学习

关键词:游戏  错误 

收藏 推荐 打印 | 录入:blue1000 | 阅读:
本文评论   查看全部评论 (1)
表情: 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事/刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 1 楼
* 匿名 发表于 2016/12/24 21:22:31
http://www.blue1000.com/bkhtml/c135/2009-12/66096.htm 2017元旦联欢会开场白 http://www.blue1000.com/show/17544.html 2017元旦晚会主持人开场白和结束语 http://www.blue1000.com/show/17543.html