大家来找茬(也叫找不同)这个游戏我想各位应该都玩过,就是在限定的时间里找出两张图片中的不同之处.当然今天在这里不是教你如何玩游戏,如何成为"黄金眼",而是讨论一下这个游戏是如何设计出来的....

游戏的设计可以分为入门级以及进阶级吧.

入门级的设计思路很简单(如图1).这个是我在2002年的时候,刚刚学FLASH5的时候,所做的一个很烂的找碴游戏.(点击试玩大家来找碴之柯南剧场版), 在游戏里我们可以看到,每张图都有五个不同之处,而且是固定的五个地方,也就是说你第一次玩过以后,第二次再玩就没有难度了,直接就可以点中不同处了.所 以这种游戏的设计很简单,就是事先做好两张有五个不同之处的图片,然后把它做成两个大按钮.然后再在这两张图片的上面的五个不同点放上五个大小刚好与不同 处一样大的透明按钮,那么只要用户点中这五个按钮,那就算过关了,而如果点不中五个按钮,就肯定会点到后面的两张图片的大按钮,这时就可以做扣分或者扣时 间处分了.所以这种游戏的设计很简单,玩全可以不用代码来实现,直接就在FLASH的舞台里摆放图片和按钮就行了,但是可以说,这种游戏的可再玩性为0, 也就是说,当玩家通关以后,他可能就不想再玩这个游戏了,因为他已经没有了挑战性了.

图1 入门级的找碴游戏

那么进阶级的游戏又是如何的呢?点击试玩先看一下图2与图3吧.

图2

图3

从图中我们可以看到,第一次我们玩这幅图的时候,可能里面的不同点会跟图2一样,可是下次再玩这幅图的时候,我们会发 现,里面的不同点变了,而且可能变成图3的情况了.那么这个时候,游戏的可再玩性提高了,玩家玩完一遍以后,他会想再玩一次,找找这张图片中可能还会再出 现哪些不同.

其实进阶的游戏设计思路也很简单.首先我们还是要对一张图片进行PS,而我们每次玩的时候,不同处是不一样的,所以我们 在修改图片的时候,其实并不是只修改5个不同点,而是修改的更多,例如图4,我就修改了8处不同点,当然,你能够修改的不同点越多越好,越多的话,可再玩 性就越高,当然修改每片不同点的时候,每两个不同点在图片中的表现不能出现交叉,否则玩家会把这两个不同点当成一个不同点看待.

图4 有8个不同点的原图

可是对于图4这张原图,其实系统本身也不知道是哪8个不同点,所以我们必须要用一组数据来记录这些不同点的坐标与大小(当然现在有一些找碴游戏的外挂是可以对两张图片进行像素级的比较而自动找出不同).所以图4中的不同点就是由这样的一个二维数组来描述的.

private var arr:Array = [[67,80,76,22],[129,129,23,33],[23,70,29,88],[275,155,40,20],[281,223,37,26],[97,48,20,18],[86,184,17,14],[196,56,175,53]];

每一个小数组就代表了一个不同处的x,y,width,height.所以通过这个二维数组,系统就可以知道我们的不同处在哪里了.

有了这些数据,那么设计流程就很明确了.

首先,随机地在图4中的上下两张图片中选出一张,做为底图,贴在游戏中的左右两张.此时如果进行游戏的话,那么两张图片就是一样的了,没有不同点的.

第二,我们再在arr的二维数组中,随机的选出5个小数组,也就是随机的选出5个不同点的数据.

第三,通过这五组数组分别在图4中的上下图的相应位置利用程序切出10个小碎片,5个来自上图,5个来自下图.---然 后再将这10张小碎片按照原来的位置数据贴到游戏中的随机的左或右两张图的上面,那么在游戏当中的表现就是,当玩家点中这10个小张的其中一个的话,就算 被点中了.当然,例如点中左图的一个小碎片,同时就得激活右图中对应的碎片也要变成被点击后状态.

程序代码大家可以自由地下载,我在代码中也有详细的注释,如果大家有什么看不懂或者有更好的方法或建议,欢迎大家跟帖一起讨论.

点击试玩

游戏程序源文件下载

游戏图片资源源文件下载