用js實現鬥地主記牌器功能
首先來捋一下邏輯,鬥地主一共包括大小王在內的54張牌,也可以說是13種牌,每種4張(大小王各一張),當搶了地主,發完牌後,三家每家17張牌,地主20張,發完牌可以初始化記牌器,代碼如下:
data爲一個數組,初始化時拿到自己手裏的牌,_paiNums爲每一張牌需要顯示的label(共15個),初始化每張牌顯示的label爲4,大小王各爲1,計算出除自己手牌外剩餘其它每張牌的數量
init: function (data) {
if (data.length == 0) {
this._paiNums.forEach(element => {
element.string = "4";
});
this._paiNums[this._paiNums.length - 1].string = "1";
this._paiNums[this._paiNums.length - 2].string = "1";
return;
}
var paiArr = [];
for (var i = 0; i < 54; i++) {
paiArr.push(i);
}
this._paiArr = this.filtratePai(paiArr, data);
for (var j = 0; j < this._paiNums.length; j++) {
if (this._paiArr[j] != null) {
this._paiNums[j].string = this._paiArr[j];
} else {
this._paiNums[j].string = "0";
}
}
},
filtratePai: function (paiArr, data) {
for (var i = 0; i < paiArr.length; i++) {
for (var j = 0; j < data.length; j++) {
if (paiArr[i] == data[j]) {
paiArr[i] = -1;
continue;
}
}
}
var surplusPaiArr = [];
paiArr.forEach(element => {
if (element != -1) {
surplusPaiArr.push(element);
}
});
return this.countPaiamount(surplusPaiArr);
},
countPaiamount: function (surplusPaiArr) {
var paiSum = {};
for (var i = 0; i < surplusPaiArr.length; i++) {
if (surplusPaiArr[i] == 52) {
paiSum[13] = 1;
continue;
}
if (surplusPaiArr[i] == 53) {
paiSum[14] = 1;
continue;
}
var num = surplusPaiArr[i] % 13;
if (paiSum[num] != null) {
paiSum[num]++;
} else {
paiSum[num] = 1;
}
}
return paiSum;
},
接下來別的玩家每打什麼牌,就記錄下來,然後刷新記牌器,代碼如下:
data爲自己手裏剩餘的牌+所有玩家出過的牌,每當有玩家出牌,就調用此方法刷新一次記牌器
refreshJiPaiQi: function (data) {
var arr = [];
for (var key in data) {
if (data[key] == 52) {
arr[13] = 1;
continue;
}
if (data[key] == 53) {
arr[14] = 1;
continue;
}
var num = parseInt(data[key]) % 13;
if (arr[num] != null) {
arr[num]++;
} else {
arr[num] = 1;
}
}
for (var key in arr) {
if (this._paiArr[key] != null) {
this._paiArr[key] -= arr[key];
}
}
for (var j = 0; j < this._paiNums.length; j++) {
if (this._paiArr[j] != null) {
this._paiNums[j].string = this._paiArr[j];
} else {
this._paiNums[j].string = "0";
}
}
},