原生js实现一个连连看小游戏(一)
前几天使用原生的js写了一个连连看小游戏,地址:连连看(js),基本功能都实现了,运行截图为:
根据游戏规则获取开发思路
- 创建棋盘格
- 生成随机不重复数字
- 映射到棋盘格
- 鼠标点击事件
- 寻路,无通路,则到 2,有通路则对消
- 判断棋盘格是否全部消亡
只要能完成以下几个小Demo就能完成一个连连看游戏了(大概有以下几部分组成)
- 使用html ,css完成一个棋盘格(布局)
- 对数组随机取数并且不放回(生成随机不重复的数字)
- 点击一个列表某一项获取该项索引(当点击列表的某一项时,能返回该项在列表中是第几项)
- 会操作数组,栈方法,队列方法,分割方法,迭代方法以及合并方法(push,pop,shift,splice,foreach,concat)
- 棋盘格任意不重复两点所构成的井字型区域中寻找通路(无折点,一个折点,两个折点)
最难点:获取所有通路