rajukottedi/ludo-web-multiplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added ending game condition

Browse Source
This commit is contained in:
Wenszel 2021-04-29 22:33:01 +02:00
parent 13ddc71c2b
commit d4a317cb87
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Gameboard.jsx
View File

@ -42,6 +42,17 @@ const Gameboard = () => {
setStarted(response.data.started); setStarted(response.data.started);
}) })
} }
const checkWin = () => {
if(pawns.filter(pawn => pawn.color === 'red' && pawn.position === 88).length === 4){
alert("Red Won")
}else if(pawns.filter(pawn => pawn.color === 'blue' && pawn.position === 88).length === 4){
alert("Blue Won")
}else if(pawns.filter(pawn => pawn.color === 'green' && pawn.position === 88).length === 4){
alert("Green Won")
}else if(pawns.filter(pawn => pawn.color === 'yellow' && pawn.position === 88).length === 4){
alert("Yellow Won")
}
}
useEffect(() => { useEffect(() => {
//sending ajax every 1 sec //sending ajax every 1 sec
const interval = setInterval(fetchData, 1000); const interval = setInterval(fetchData, 1000);

13
src/components/game-board-components/Map.jsx
View File

@ -19,6 +19,8 @@ const Map = ({ pawns, nowMoving, rolledNumber }) => {
} }
const canvasRef = useRef(null); const canvasRef = useRef(null);
// Return true when pawn can move
const checkIfPawnCanMove = pawn => { const checkIfPawnCanMove = pawn => {
// If is in base // If is in base
if((rolledNumber === 1 || rolledNumber === 6) && pawn.position === pawn.basePos){ if((rolledNumber === 1 || rolledNumber === 6) && pawn.position === pawn.basePos){
@ -57,8 +59,10 @@ const Map = ({ pawns, nowMoving, rolledNumber }) => {
axios.post('http://localhost:3000/game/move', {pawnId: pawn._id, position: hintPawn.position}, axios.post('http://localhost:3000/game/move', {pawnId: pawn._id, position: hintPawn.position},
{ {
withCredentials: true, withCredentials: true,
}).then(() => {
setHintPawn(null);
}); });
setHintPawn(null);
} }
} }
} }
@ -80,16 +84,13 @@ const Map = ({ pawns, nowMoving, rolledNumber }) => {
} }
case 'blue': case 'blue':
if(position >= 4 && position <= 7){ if(position >= 4 && position <= 7){
console.log("1")
return 55; return 55;
}else if(position < 67 && position + rolledNumber > 67){ }else if(position < 67 && position + rolledNumber > 67){
console.log("2")
return position + rolledNumber - 67 + 16 return position + rolledNumber - 67 + 16
}else if(position <= 53 && position + rolledNumber >= 54){ }else if(position <= 53 && position + rolledNumber >= 54){
console.log(71 + position + rolledNumber - 54) console.log(71 + position + rolledNumber - 54)
return 71 + position + rolledNumber - 54; return 71 + position + rolledNumber - 54;
}else{ }else{
console.log("4")
return position + rolledNumber; return position + rolledNumber;
} }
case 'green': case 'green':
@ -126,10 +127,10 @@ const Map = ({ pawns, nowMoving, rolledNumber }) => {
This condition checks if mouse location is: This condition checks if mouse location is:
1) on pawn 1) on pawn
2) is color of pawn same as player's 2) is color of pawn same as player's
3) if pawn is on base is rolledNumber is 1 or 6 which allows pawn to exit base 3) if pawn can move
And then sets cursor to pointer and paints hint pawn - where will be pawn after click And then sets cursor to pointer and paints hint pawn - where will be pawn after click
*/ */
if (ctx.isPointInPath(pawn.circle, x, y) && context.color == pawn.color && (pawn.position>15 || rolledNumber === 1 || rolledNumber === 6)) { if (ctx.isPointInPath(pawn.circle, x, y) && context.color == pawn.color && checkIfPawnCanMove(pawn)) {
const pawnPosition = getHintPawnPosition(pawn); const pawnPosition = getHintPawnPosition(pawn);
setBlinking(false); setBlinking(false);
// Checks if pawn can make a move // Checks if pawn can make a move