Web小游戲“紙牌對對碰”的算法分析

吳強

摘 要 本文通過制作Web小游戲“紙牌對對碰”，研究 Web小游戲的制作方法，使高校相關專業的學生更好的理解Web前端技術。

關鍵詞 Web前端技術 Web小游戲 算法 紙牌對對碰

中圖分類號：G862.5文獻標識碼：A

隨著信息技術的發展，越來越多的高校開設了網頁制作，Web前端技術是網頁制作的基礎， HTML、DIV+CSS、Java Script是Web 前端開發的三大最核心技術。制作網頁小游戲可以使學生更好的理解Web前端技術，下面介紹Web小游戲“紙牌對對碰”的制作方法。

紙牌對對碰是一款考驗游戲者記憶力的游戲，點擊牌可以翻牌觀察牌后的圖形，如果連續點擊了兩張圖形一樣的牌，兩張牌消失，當清空了所有紙牌過關。整個程序應該分成布局、翻牌兩個部份。

1游戲布局

游戲布局的核心是數據，首先要考慮要總共有多少張牌，有多少不同的圖形牌，幾行幾列，如4行10列共有40張牌，有5種不同的圖案，每種圖案有8張牌。

2翻牌

點擊翻牌時，如果連續兩張牌的圖形一樣時消除兩張圖片，可以用一個變量記錄上一次翻牌的編號bha，并賦初始值為-1，選擇牌有兩種情況，一種是兩次選擇的牌圖案不一樣，只用將這次選擇牌的編號賦值給bha;另一種情況是兩張牌的圖案相同，清除兩張牌并清0數組相應的值，并測試數組的下標變量是否都被清0，都被清0時過關。

通過這個案例分析，讓學生更好的理解并使用JavaScript網頁前臺根據數據自動布局的方法，深入理解HTML、DIV+CSS、Java Script三者之間的關系，進一步提高對Web前端技術的學習興趣。