show player consideration status
This commit is contained in:
parent
bf40610120
commit
3537e38dbb
|
@ -0,0 +1,38 @@
|
||||||
|
{
|
||||||
|
"initHands": [
|
||||||
|
"S2 H2 HK DK HQ CQ DQ CJ S9 H9 D9 C7 S6 H6 C4 D4 S3",
|
||||||
|
"C2 HA CA DA SQ ST HT D8 S7 H7 C6 D6 S5 H5 C5 S4 H4",
|
||||||
|
"RJ BJ D2 SA SK CK SJ HJ DJ CT DT C9 S8 H8 C8 D7 D5 H3 S3 D3"
|
||||||
|
],
|
||||||
|
"playerInfo": [
|
||||||
|
{
|
||||||
|
"id": 0,
|
||||||
|
"index": 0,
|
||||||
|
"role": "peasant"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 1,
|
||||||
|
"index": 1,
|
||||||
|
"role": "peasant"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 2,
|
||||||
|
"index": 2,
|
||||||
|
"role": "landlord"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"moveHistory": [
|
||||||
|
{
|
||||||
|
"playerIdx": 2,
|
||||||
|
"move": "P"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"playerIdx": 0,
|
||||||
|
"move": "P"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"playerIdx": 1,
|
||||||
|
"move": "P"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
|
@ -1,150 +0,0 @@
|
||||||
{
|
|
||||||
"initHands": [
|
|
||||||
"S2 H2 HK DK HQ CQ DQ CJ S9 H9 D9 C7 S6 H6 C4 D4 S3",
|
|
||||||
"C2 HA CA DA SQ ST HT D8 S7 H7 C6 D6 S5 H5 C5 S4 H4",
|
|
||||||
"RJ BJ D2 SA SK CK SJ HJ DJ CT DT C9 S8 H8 C8 D7 D5 H3 S3 D3"
|
|
||||||
],
|
|
||||||
"playerInfo": [
|
|
||||||
{
|
|
||||||
"id": 0,
|
|
||||||
"index": 0,
|
|
||||||
"role": "peasant"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": 1,
|
|
||||||
"index": 1,
|
|
||||||
"role": "peasant"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": 2,
|
|
||||||
"index": 2,
|
|
||||||
"role": "landlord"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"moveHistory": [
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "H3 S3 D3 D5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "S9 H9 D9 S3"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "SJ HJ DJ D7"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "HQ CQ DQ C7"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "C4 D4"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "ST HT"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "SK CK"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "S2 H2"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "S6 H6"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "CT DT"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "HK DK"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "RJ BJ"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "S8 H8 C8 C9"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "HA CA DA H5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "SQ"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "D2"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 0,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 1,
|
|
||||||
"move": "P"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"playerIdx": 2,
|
|
||||||
"move": "SA"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
|
@ -53,7 +53,7 @@ class DoudizhuGameBoard extends React.Component {
|
||||||
computeSingleLineHand(cards) {
|
computeSingleLineHand(cards) {
|
||||||
console.log(cards);
|
console.log(cards);
|
||||||
if(cards === "P"){
|
if(cards === "P"){
|
||||||
return <div>Pass</div>
|
return <span>Pass</span>
|
||||||
}else{
|
}else{
|
||||||
return (
|
return (
|
||||||
<div className="playingCards">
|
<div className="playingCards">
|
||||||
|
|
|
@ -2,6 +2,16 @@
|
||||||
|
|
||||||
.played-card-area {
|
.played-card-area {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
display: table;
|
||||||
|
width: 280px;
|
||||||
|
height: 70px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: table-cell;
|
||||||
|
vertical-align: middle;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.player-hand-placeholder {
|
.player-hand-placeholder {
|
||||||
|
@ -149,7 +159,7 @@
|
||||||
|
|
||||||
.played-card-area {
|
.played-card-area {
|
||||||
position: relative;
|
position: relative;
|
||||||
transform: translateY(30px);
|
transform: translateY(0px);
|
||||||
width: 280px;
|
width: 280px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|
|
@ -8,19 +8,21 @@ class DoudizhuGameView extends React.Component {
|
||||||
super(props);
|
super(props);
|
||||||
|
|
||||||
const mainViewerId = 0; // Id of the player at the bottom of screen
|
const mainViewerId = 0; // Id of the player at the bottom of screen
|
||||||
this.initConsiderationTime = 2;
|
this.initConsiderationTime = 0;
|
||||||
|
|
||||||
|
this.initGameState = {
|
||||||
|
playerInfo: [],
|
||||||
|
hands: [],
|
||||||
|
latestAction: [[], [], []],
|
||||||
|
mainViewerId: mainViewerId,
|
||||||
|
turn: 0,
|
||||||
|
currentPlayer: null,
|
||||||
|
considerationTime: this.initConsiderationTime,
|
||||||
|
}
|
||||||
|
|
||||||
this.state = {
|
this.state = {
|
||||||
ws: null,
|
ws: null,
|
||||||
gameInfo: {
|
gameInfo: this.initGameState,
|
||||||
playerInfo: [],
|
|
||||||
hands: [],
|
|
||||||
latestAction: [[], [], []],
|
|
||||||
mainViewerId: mainViewerId,
|
|
||||||
turn: 0,
|
|
||||||
currentPlayer: null,
|
|
||||||
considerationTime: this.initConsiderationTime,
|
|
||||||
},
|
|
||||||
gameStateLoop: null
|
gameStateLoop: null
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
@ -52,6 +54,8 @@ class DoudizhuGameView extends React.Component {
|
||||||
if(this.state.ws !== null){
|
if(this.state.ws !== null){
|
||||||
const replayReq = {type: 0};
|
const replayReq = {type: 0};
|
||||||
this.state.ws.emit("getMessage", replayReq);
|
this.state.ws.emit("getMessage", replayReq);
|
||||||
|
// init game state
|
||||||
|
this.setState({gameInfo: this.initGameState});
|
||||||
// loop to update game state
|
// loop to update game state
|
||||||
this.gameStateTimer();
|
this.gameStateTimer();
|
||||||
}else{
|
}else{
|
||||||
|
|
Loading…
Reference in New Issue