Web小游戲“紙牌對(duì)對(duì)碰”的算法分析

吳強(qiáng)

摘 要 本文通過(guò)制作Web小游戲“紙牌對(duì)對(duì)碰”，研究 Web小游戲的制作方法，使高校相關(guān)專(zhuān)業(yè)的學(xué)生更好的理解Web前端技術(shù)。

關(guān)鍵詞 Web前端技術(shù) Web小游戲 算法 紙牌對(duì)對(duì)碰

中圖分類(lèi)號(hào)：G862.5文獻(xiàn)標(biāo)識(shí)碼：A

隨著信息技術(shù)的發(fā)展，越來(lái)越多的高校開(kāi)設(shè)了網(wǎng)頁(yè)制作，Web前端技術(shù)是網(wǎng)頁(yè)制作的基礎(chǔ)， HTML、DIV+CSS、Java Script是Web 前端開(kāi)發(fā)的三大最核心技術(shù)。制作網(wǎng)頁(yè)小游戲可以使學(xué)生更好的理解Web前端技術(shù)，下面介紹Web小游戲“紙牌對(duì)對(duì)碰”的制作方法。

紙牌對(duì)對(duì)碰是一款考驗(yàn)游戲者記憶力的游戲，點(diǎn)擊牌可以翻牌觀察牌后的圖形，如果連續(xù)點(diǎn)擊了兩張圖形一樣的牌，兩張牌消失，當(dāng)清空了所有紙牌過(guò)關(guān)。整個(gè)程序應(yīng)該分成布局、翻牌兩個(gè)部份。

1游戲布局

游戲布局的核心是數(shù)據(jù)，首先要考慮要總共有多少?gòu)埮疲卸嗌俨煌膱D形牌，幾行幾列，如4行10列共有40張牌，有5種不同的圖案，每種圖案有8張牌。

2翻牌

點(diǎn)擊翻牌時(shí)，如果連續(xù)兩張牌的圖形一樣時(shí)消除兩張圖片，可以用一個(gè)變量記錄上一次翻牌的編號(hào)bha，并賦初始值為-1，選擇牌有兩種情況，一種是兩次選擇的牌圖案不一樣，只用將這次選擇牌的編號(hào)賦值給bha;另一種情況是兩張牌的圖案相同，清除兩張牌并清0數(shù)組相應(yīng)的值，并測(cè)試數(shù)組的下標(biāo)變量是否都被清0，都被清0時(shí)過(guò)關(guān)。

通過(guò)這個(gè)案例分析，讓學(xué)生更好的理解并使用JavaScript網(wǎng)頁(yè)前臺(tái)根據(jù)數(shù)據(jù)自動(dòng)布局的方法，深入理解HTML、DIV+CSS、Java Script三者之間的關(guān)系，進(jìn)一步提高對(duì)Web前端技術(shù)的學(xué)習(xí)興趣。