两人斗地主

两人斗地主，首先是画牌，采用精灵图进行画牌，将整副牌按照value值的大小和位于几排的方式进行存储,如下：

var allpokers=[
  112,113,101,102,103,104,105,106,107,108,109,110,111,
  212,213,201,202,203,204,205,206,207,208,209,210,211,
  312,313,301,302,303,304,305,306,307,308,309,310,311,
  412,413,401,402,403,404,405,406,407,408,409,410,411,
  514,515
];

这样的话在取牌的面值的时候只需要对其取余即可。
画的时候需要求出其坐标：

   z=this.pokers[i]%100;
      y=(parseInt(this.pokers[i]/100)-1)*120;
      if(z==12||z==13){
        x=(z-12)*90;
      } else if(z==14){
        x=(z-13)*90;
      } else if(z==15){
        x=(z-15)*90;
      } else{
        x=(z+1)*90;
      }

poker.js修改对象

function Poker() {
    this.pokers=[];//用户的牌
    this.status=START;//设置用户的状态
    this.id=1;//用来判断谁先出牌,一开始都设置为1，后来谁先登陆将id改为0，id为0的时候先出牌
    this.oppPoker=[];//存储对方出的牌
}
Poker.prototype.num = 27;
//第一次画牌
Poker.prototype.drawPokers=function () {
  var x,y,z;
  this.sort(this.pokers);
  for(var i=0;i

'); $('#usrPoker #poker'+i+'L').css({ left: i*22+'px', backgroundPosition: (0-x)+ 'px ' + (0-y) + 'px' }); } } //每次出完牌之后，进行重新画牌 Poker.prototype.reDrawPoker=function (poker) { var x,y; $('#usrPoker').html(""); this.sort(poker); for(var i=0;i

'); $('#usrPoker #poker'+i+'L').css({ left: i*22+'px', backgroundPosition: (0-x)+ 'px ' + (0-y) + 'px' }); } this.pokers = poker; } //对牌进行排序 Poker.prototype.sort = function (poker) { poker.sort(function (a,b) { a=a%100; b=b%100; return a-b; }); }

main.js 主要功能

先进行初始化

function  init() {
    initSocket();
    pokerArray=new Poker();
    $('body').on('click',clickMachine);
}

通过点击的事件来判断用户的状态，状态机：

function clickMachine(e){
    $("#alert").hide();
    switch(pokerArray.status){
        case START:
            doStart();
            break;
        case PLAY:
            //肯定要先选择，才能再出牌
            doPlayCard(e.target);
            break;
        case GAMEOVER:
            socket.emit("Game Over");
            break;
    }
}

js端socket事件：

function initSocket(){

    //初始化牌，并第一次打牌，id为0的先出牌
    socket.on('draw',function (obj) {
        $("#startBox").hide();
        initOther();
        pokerArray.status=PLAY;
        pokerArray.pokers=obj;
        doFirstPlay();
        pokerArray.drawPokers();
    });

    socket.on('wait',function (id) {
        $("#start").hide();
        $("#info").show();
        pokerArray.id=id;
        console.log(id);
        pokerArray.status=WAIT;
        console.log(pokerArray.id);
    });

    //发牌后的对方那边的显示
    socket.on("show card",function (other,pokers) {
        //获取对方出的牌的数组
        pokerArray.oppPoker=pokers;

       //显示在对方的桌面上
        $('#otherShow .showPoker').html("");
        for(var i=0;i