前幾天使用原生的js寫了一個(gè)連連看小游戲，地址：連連看（js）,基本功能都實(shí)現(xiàn)了，運(yùn)行截圖為：

根據(jù)游戲規(guī)則獲取開發(fā)思路

創(chuàng)建棋盤格

生成隨機(jī)不重復(fù)數(shù)字

映射到棋盤格

鼠標(biāo)點(diǎn)擊事件

尋路，無通路，則到 2，有通路則對消

判斷棋盤格是否全部消亡

只要能完成以下幾個(gè)小Demo就能完成一個(gè)連連看游戲了（大概有以下幾部分組成）

• 使用html ,css完成一個(gè)棋盤格（布局）
• 對數(shù)組隨機(jī)取數(shù)并且不放回（生成隨機(jī)不重復(fù)的數(shù)字）
• 點(diǎn)擊一個(gè)列表某一項(xiàng)獲取該項(xiàng)索引（當(dāng)點(diǎn)擊列表的某一項(xiàng)時(shí)，能返回該項(xiàng)在列表中是第幾項(xiàng)）
• 會(huì)操作數(shù)組，棧方法，隊(duì)列方法，分割方法，迭代方法以及合并方法（push,pop,shift,splice,foreach,concat）
• 棋盤格任意不重復(fù)兩點(diǎn)所構(gòu)成的井字型區(qū)域中尋找通路（無折點(diǎn)，一個(gè)折點(diǎn)，兩個(gè)折點(diǎn)）

最難點(diǎn)：獲取所有通路

?

轉(zhuǎn)載于:https://www.cnblogs.com/xingguozhiming/p/8921823.html

與50位技術(shù)專家面對面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的原生js实现一个连连看小游戏（一）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。