前端实现连连看小游戏实例代码

博主玩了这么久的连连看，居然是第一次发现，连连看最多只能有2个转弯。orz…

在网上搜索连连看的连线算法判断，并没有找到很全面的，经过自己摸索之后，画了下面的图（图有点丑……）

一. 2个物体在同一直线上，可以直接连通 （这个不需要解释啦）

立即学习“前端免费学习笔记（深入）”；

二.2个物体在同一直线上，中间有障碍物，不能直接连通 （2个转弯）

【循环遍历黄线中的交点，比如A,B点，再判断蓝线有没有障碍物，若没有，则可以连通，若有，则继续循环查找新的A,B点】

三. 2个对象不在同一直线上，一个转弯

【2个物体分别在所在位置进行x，y轴的延伸，如下图则交点为A,B。 只需判断2个交点到2个物体直接是否有障碍物，若没有，则可以连通】

四. 2个物体不在同一直线上，连线有2个转弯 

【同二的原理，如下图，如果A,B 2个交点到物体均没有障碍物，则可以连通。其中A点的纵坐标和B相同】

另外一种情况，A,B 为2个物体所在x轴与中间y轴的交点，A,B的x坐标必须相同，连线如下：