連連看小遊戲專案梳理

2022-08-24 07:45:09 字數 864 閱讀 3424

如何保證每個元素都能找到配對的元素並且遊戲可以開始進行?直接相連的元素,需要拐乙個彎的元素,需要拐兩個彎的元素 如果有拐角的話,拐角的線是怎麼畫出來的 -> 路徑是怎麼找到的?

直接相連的元素: 屬於同一行和同一列上的

需要拐乙個彎的: 在乙個矩形的對邊的位置上, 找到矩形的另外一組對角線,判斷before-el以及el-after是否可以直接相連

需要拐兩個彎的: 屬於同一行和列上並且有遮擋的 將before 向

showline() function

必須保證相連且中間沒有元素阻擋

js檔案之中直接生成html語句來進行 dom元素的生成?? // 這種寫法應該不是正規的寫法吧?

需要清楚 html檔案的結構才方便進行 js檔案的書寫,這樣會

js檔案的相互呼叫關係config.js:寫的是一些輔助配置引數 比如 行數 列數 執行的時間

itemdirectionhtml 是幹嘛用的?

event.js:寫的是所有的監聽事件 依賴於 game.js

定義了3個on() 如何進行區分和呼叫? on() 只是用來監聽事件的

第乙個on() 監聽的是gridcontainer上發生的 click事件

先用 e.target定位觸發event的物件是否是img 標籤

後兩個簡單的btn直接監聽'click'事件

將元素消失只是用了乙個 hidden的css屬性?

game 和 view又是怎麼扯上關係的?

在game.setup方法之中定義this.view = new view()

核心的邏輯都在event.js之中了 因為是離使用者最近的地方,使用者只通過點選來進行操作

連連看小遊戲,遞迴問題

題目源自 程式設計實習 12章 遞迴問題。思路根本方式是遞迴,走迷宮類問題,處在每一步上都要列舉下一步的方向,用move陣列來儲存行進方向。另外用mark陣列來儲存是否訪問過 開始用puzzle陣列來表示板子分布,然後在外面多加一圈來輔助計算。遞迴函式關鍵在於每一次呼叫時,先判斷 當前步數是否大於最...

連連看小遊戲前端實現

先看一下遊戲的介面 一點選開始,遊戲就開始計時,頂部的折扣會飛速上公升,如果玩家玩的速度太慢的話那麼只能拿到乙個他都不想要的折扣了,呵呵 開始 span div div var gridw document.width 7 每乙個格仔的寬度,根據螢幕的寬度來定,做到自適應 var gridh doc...

BFS 連連看遊戲

時間限制 2 sec 記憶體限制 10 mb 提交 207 解決 27 提交 狀態 討論版 大家都玩過連連看吧!今天我們玩乙個類似的遊戲。在乙個由10 10個小方格組成的矩形裡有n n 10 對字元 它們是大寫字元中的前n個 矩形裡有些位置是可以從上面走過,有些則不能。能走過的位置用 標識,不能的用...