用js实现斗地主记牌器功能

用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";
            }
        }
    },
评论 6 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

wx_AX1091019

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值