连连看,就是将两张图片连接起来,然后消去;规则有几种,这里采用的是普通的,"地图有空格,连接线少于等于2个折点"的规则。
要点有:
1.创建一张地图,其中有需要连接消去的卡片。这里涉及到一个"是否可解"的问题。当然,如果一张图出现至少四次,且中间有一些空格,其实无解的概率是很低的。
2.判断两张图是否可连接。选中两张图片时判断,方法大致上分为:(1)查找其中一张图的"可连接集合",判断第二张图是否在集合中;(2)分为三部分,判断是否可直线连接,如不能,则判断是否有一个空白点可与两张图直线连接,如失败,则再进一步是否有一对可直线连接的点,分别与两张图直线连接。
3.添加交互效果。
4.绑定操作事件。
5.加入计时计分,以及地图样式。
这个web游戏可以内置到您的网页上,增加您网站的趣味性和粘性。内置到404页面上是个不错的选择。