DouZero
/
rlcard-showdown
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added probs

This commit is contained in:
Lei Pan 2020-02-18 14:40:34 -08:00
parent 92a133e9c8
commit 9ef57e6b96
3 changed files with 187 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

160
server/sample_data/sample_leduc_holdem.json
View File

@ -18,37 +18,181 @@
[
{
"playerIdx": 0,
"move": "Check"
"move": "Check",
"probabilities": [
{
"move": "Check",
"probability": 0.9
},
{
"move": "Raise",
"probability": 0.05
},
{
"move": "Call",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
},
{
"playerIdx": 1,
"move": "Raise"
"move": "Raise",
"probabilities": [
{
"move": "Raise",
"probability": 0.9
},
{
"move": "Check",
"probability": 0.05
},
{
"move": "Call",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
},
{
"playerIdx": 0,
"move": "Call"
"move": "Call",
"probabilities": [
{
"move": "Call",
"probability": 0.9
},
{
"move": "Check",
"probability": 0.05
},
{
"move": "Raise",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
},
{
"playerIdx": 1,
"move": "Check"
"move": "Check",
"probabilities": [
{
"move": "Check",
"probability": 0.9
},
{
"move": "Raise",
"probability": 0.05
},
{
"move": "Call",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
}
],
[
{
"playerIdx": 0,
"move": "Raise"
"move": "Raise",
"probabilities": [
{
"move": "Raise",
"probability": 0.9
},
{
"move": "Check",
"probability": 0.05
},
{
"move": "Call",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
},
{
"playerIdx": 1,
"move": "Call"
"move": "Call",
"probabilities": [
{
"move": "Call",
"probability": 0.9
},
{
"move": "Check",
"probability": 0.05
},
{
"move": "Raise",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
},
{
"playerIdx": 0,
"move": "Raise"
"move": "Raise",
"probabilities": [
{
"move": "Raise",
"probability": 0.9
},
{
"move": "Check",
"probability": 0.05
},
{
"move": "Call",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
},
{
"playerIdx": 1,
"move": "Call"
"move": "Call",
"probabilities": [
{
"move": "Call",
"probability": 0.9
},
{
"move": "Check",
"probability": 0.05
},
{
"move": "Raise",
"probability": 0.02
},
{
"move": "Fold",
"probability": 0.01
}
]
}
]
]

7
src/assets/gameview.scss
View File

@ -140,8 +140,9 @@
.probability-player {
height: calc(72px - 16px*2);
padding: 16px;
display:table;
span {
display: table-cell;
vertical-align: middle;
}
}
@ -169,7 +170,6 @@
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
display: table-cell;
height: 152px;
vertical-align: middle;
.playingCards ul.hand {
@ -177,7 +177,8 @@
}
.probability-move {
font-size: 10px;
font-size: 20px;
font-weight: bold;
width: 100%;
display: flex;
justify-content: center;

33
src/view/LeducHoldemGameView.js
View File

@ -227,6 +227,30 @@ class LeducHoldemGameView extends React.Component {
}
}
computeProbabilityItem(idx){
if(this.state.gameInfo.gameStatus !== "ready"){
let currentMove = null;
if(this.state.gameInfo.turn !== this.moveHistory[this.state.gameInfo.round].length){
currentMove = this.moveHistory[this.state.gameInfo.round][this.state.gameInfo.turn];
}
let style = {};
style["backgroundColor"] = currentMove !== null ? `rgba(189,183,107,${currentMove.probabilities[idx].probability})` : "#bdbdbd";;
return (
<div className={"playing"} style={style}>
<div className="probability-move">
{currentMove !== null ? currentMove.probabilities[idx].move : <NotInterestedIcon fontSize="large" />}
</div>
{currentMove !== null ?
(<div className={"non-card"}>
<span>{`Probability: ${(currentMove.probabilities[idx].probability * 100).toFixed(2)}%`}</span>
</div>) : ""}
</div>
)
}else {
return <span className={"waiting"}>Waiting...</span>
}
}
go2PrevGameState() {
let gameInfo = null;
if(this.state.gameInfo.turn === 0 && this.state.gameInfo.round !== 0){
@ -320,13 +344,16 @@ class LeducHoldemGameView extends React.Component {
<Divider />
<div className={"probability-table"}>
<div className={"probability-item"}>
{/* {this.computeProbabilityItem(0)} */}
{this.computeProbabilityItem(0)}
</div>
<div className={"probability-item"}>
{/* {this.computeProbabilityItem(1)} */}
{this.computeProbabilityItem(1)}
</div>
<div className={"probability-item"}>
{/* {this.computeProbabilityItem(2)} */}
{this.computeProbabilityItem(2)}
</div>
<div className={"probability-item"}>
{this.computeProbabilityItem(3)}
</div>
</div>
</Paper>