简单扑克游戏规则.gif

为之前一篇添加玩法规则，参考了最为亲切的关牌（流行于江浙一带）

我的关牌规则

1.牌数

一副牌，保留了所以牌，共54张；

2.发牌

由系统随机分发2家的牌，每家27张，不重复

3.出牌

• 第一次为黑桃3先出
• 牌的大小顺序：大王，小王，2，A，K，Q，J，10，9，8，7，6，5，4，3。
• 牌形分为：单张、 一对、 三张、姐妹对（两张三张都可以连接，且连接数量无限）、顺子（数量无限制）、炸弹（不能4带1）：
• 除了炸弹以外，普通牌形不允许对压，相同牌形只有比它大的才能出。
• 炸弹任何牌形都能出，炸弹的大小为：天王炸，2，A，K，Q，J，10，9，8，7，6，5，4，3。

思路

1. 客户端向服务器发送的是出牌的扑克块状代码数组

//利用$(selector).each 将每一个选中（上移）的扑克牌的html放进数组
var i = 0;
$(".click-up").each(function() {
    list[i] = $(this).prop("outerHTML"); //获取选中的牌的整个html代码
    $(this).removeClass("click-up");
    $("#preview-below").append(list[i]);
    $(this).remove();
    i++;
});

2. 利用socket.io发送到对方客户端，如下获取

//利用append动态添加到指定id为“preview-above”的div里
for (var index in data.discard) {
    $("#preview-above").append(data.discard[index]);
}

简单点，直接把id为preview-above元素里的扑克.poker利用attr("id")取出id值并进行正则操作获取值

$("#preview-above").find(".poker").each(function() {
    var pokerId = $(this).attr("id"); //atte取出id值
    pokerId = pokerId.replace(/[p]([0-9]+)/g, "$1"); //获取选中的牌的编号(删掉id值首字母p)
    aboveList[j] = getPokerFace(pokerId);
    j++;
});

3. 判断牌的类型

3.1 由于扑克牌的序号是从1到54，但这并不是扑克牌的面值。转换操作：

//返回每张牌的面值
function getPokerFace(n) {
    var temp = n % 13;
    var result;
    if(n == 53) {   //大王
        result = 17;
    } else if(n == 54) {  //小王
        result = 16;
    }
    if(temp >= 3 && temp <= 12) {  //3到Q
        result = temp;
    } else if(temp == 0) {  //老K
        result = 13;
    } else if(temp == 1) {  //A
        result = 14;
    } else if(temp == 2) {  //2
        result = 15;
    }
    return result;
}

3.2 获取到扑克牌面值，进行确定扑克牌数组的类型操作

//出牌类型：单，对，连对，炸
var ONE = "ONE";
var TWO = "TWO";
var TWO_2 = "TWO_2";
var THREE = "THREE";
var THREE_2 = "THREE_2";
var THREE_3 = "THREE_3";
var FOUR = "FOUR";
var STRAIGHT = "STRAIGHT";
var ERROR = "ERROR";
var KING = "KING";

简陋的状态转化

//牌型状态机
function typeState(type, n, m) {
    switch (type) {
        //单
        case ONE:
            if(n == m) {
                type = TWO;
            } else if(n == m +1 && m == 16) {
                type = KING;
            } else if(n == m + 1){
                type = STRAIGHT;
            } else {
                type = ERROR;
            }
            break;
        //对
        case TWO:
            if(n == m) {
                type = THREE;
            } else if(n == m + 1){
                type = TWO_2;
            } else {
                type = ERROR;
            }
            break;
        case TWO_2:
            if(n == m) {
                type = TWO;
            } else {
                type = ERROR;
            }
            break;
        case THREE:
            if(n == m) {
                type = FOUR;
            } else if(n == m + 1){
                type = THREE_2;
            } else {
                type = ERROR;
            }
            break;
        case THREE_2:
            if(n == m) {
                type = THREE_3;
            } else {
                type = ERROR;
            }
            break;
        case THREE_3:
            if(n == m) {
                type = THREE;
            } else {
                type = ERROR;
            }
            break;
        case STRAIGHT:
            if(n == m + 1) {
                type = STRAIGHT;
            } else {
                type = ERROR;
            }
            break;
        default:
            break
    }
    return type;
}

//返回牌的类型和排列中最小牌的面值
function getPokerType(pokerList) {
    var type = ONE;
    var n, m;
    for(var i = 1; i < pokerList.length; i++) {
        n = pokerList[i-1];
        m = pokerList[i];
        type = typeState(type, n, m);
    }
    if(type == TWO_2 || type == THREE_2 || type == THREE_3 || (type == STRAIGHT && pokerList.length < 5)) {
        type = ERROR;
    }
    var result = {
        type: type,
        val: m,
        length: pokerList.length
    };
    return result;
}

3.3 获取我自己选中的牌

$("#box-below").find(".click-up").each(function() {
    var pokerId = $(this).attr("id");
    pokerId = pokerId.replace(/[p]([0-9]+)/g, "$1"); //获取选中的牌的id(删掉首字母p)
    belowList[k] = getPokerFace(pokerId);
    k++;
});

将两个扑克牌数组的类型进行比较并确定大小

//pkObj.data.before为true表示谁拿到♠3 或者 对方放弃我可以出任意牌，同时我出的牌必须符合规则，即type != ERROR
var myPoker = getPokerType(belowList);

//compare(aboveList, belowList)用于比较相同类型的牌的大小
if(compare(aboveList, belowList) || (pkObj.data.before && myPoker.type != ERROR))

//将选择出的牌和对方出的牌进行比较
function compare(list1, list2) {
    var check = false;
    var data1 = getPokerType(list1); //对方的牌类型
    var data2 = getPokerType(list2);  //我的牌类型

    //1.类型相同的情况下再比较数组第一个元素大小;
    //2.4表示炸，对方不是炸，我出炸则check为true
    //3.天王炸
    if((data1.type == data2.type && (data1.length == data2.length) && list2[0] > list1[0]) || (data1.type != FOUR && data2.type == FOUR) || (data2.type == KING)) {
        check = true;
    }
    //check为true可出牌，否则不能出牌
    return check;
}

总结

1. jquery设置按钮的disabled属性

$('#button').attr('disabled',"true");  //添加disabled属性 
$('#button').removeAttr("disabled");  //移除disabled属性 

2. replace()

pokerId = pokerId.replace(/[p]([0-9]+)/g, "$1"); //$1获取]([0-9]+)的值

完