dave/uno-online
1
0
Fork 0
forked from Github/uno-online
Code Issues Pull Requests Projects Releases Wiki Activity

Added logic for playing draw 2 cards

Browse Source
This commit is contained in:
Mizanali Panjwani 2021-02-12 04:55:51 +05:30
parent c90e7db7dd
commit 663e979e31
2 changed files with 114 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Game.js
View File

@ -32,6 +32,7 @@ const Game = (props) => {
</span> </span>
))} ))}
</div> </div>
<a href='/'>home</a>
</div> </div>
) )
} }

112
src/store/reducer.js
View File

@ -9,6 +9,10 @@ const CARDS = [
'W', 'W', 'W', 'W', 'D4W', 'D4W', 'D4W', 'D4W' 'W', 'W', 'W', 'W', 'D4W', 'D4W', 'D4W', 'D4W'
] ]
//REVERSE - #
//SKIP - 404
//DRAW 2 - 252
const initialState = { const initialState = {
gameOver: true, gameOver: true,
turn: '', turn: '',
@ -165,13 +169,121 @@ const reducer = (state = initialState, action) => {
} }
} }
} }
else if(state.currentNumber === 404) {
console.log('Numbers matched!');
if(cardPlayedBy === 'Player 1') {
const removeIndex = state.player1Deck.indexOf(action.payload.cardPlayed)
return {
...state,
playedCardsPile: [...state.playedCardsPile.slice(0, state.playedCardsPile.length), action.payload.cardPlayed, ...state.playedCardsPile.slice(state.playedCardsPile.length)],
player1Deck: [...state.player1Deck.slice(0, removeIndex), ...state.player1Deck.slice(removeIndex + 1)],
currentColor: colorOfPlayedCard,
currentNumber: 404
}
}
else {
const removeIndex = state.player2Deck.indexOf(action.payload.cardPlayed)
return {
...state,
playedCardsPile: [...state.playedCardsPile.slice(0, state.playedCardsPile.length), action.payload.cardPlayed, ...state.playedCardsPile.slice(state.playedCardsPile.length)],
player2Deck: [...state.player2Deck.slice(0, removeIndex), ...state.player2Deck.slice(removeIndex + 1)],
currentColor: colorOfPlayedCard,
currentNumber: 404
}
}
}
else { else {
alert('Invalid Move!') alert('Invalid Move!')
} }
break; break;
} }
case 'D2R': case 'D2G': case 'D2B': case 'D2Y': {
const colorOfPlayedCard = action.payload.cardPlayed.charAt(2)
if(state.currentColor === colorOfPlayedCard) {
console.log('colors matched!');
if(cardPlayedBy === 'Player 1') {
const removeIndex = state.player1Deck.indexOf(action.payload.cardPlayed)
const copiedDrawCardPileArray = [...state.drawCardPile]
//pull out last two elements from it
const drawCard1 = copiedDrawCardPileArray.pop()
const drawCard2 = copiedDrawCardPileArray.pop()
return {
...state,
playedCardsPile: [...state.playedCardsPile.slice(0, state.playedCardsPile.length), action.payload.cardPlayed, ...state.playedCardsPile.slice(state.playedCardsPile.length)],
player1Deck: [...state.player1Deck.slice(0, removeIndex), ...state.player1Deck.slice(removeIndex + 1)],
player2Deck: [...state.player2Deck.slice(0, state.player2Deck.length), drawCard1, drawCard2, ...state.player2Deck.slice(state.player2Deck.length)],
currentColor: colorOfPlayedCard,
currentNumber: 252,
drawCardPile: [...copiedDrawCardPileArray]
}
}
else {
const removeIndex = state.player2Deck.indexOf(action.payload.cardPlayed)
const copiedDrawCardPileArray = [...state.drawCardPile]
//pull out last two elements from it
const drawCard1 = copiedDrawCardPileArray.pop()
const drawCard2 = copiedDrawCardPileArray.pop()
return {
...state,
playedCardsPile: [...state.playedCardsPile.slice(0, state.playedCardsPile.length), action.payload.cardPlayed, ...state.playedCardsPile.slice(state.playedCardsPile.length)],
player2Deck: [...state.player2Deck.slice(0, removeIndex), ...state.player2Deck.slice(removeIndex + 1)],
player1Deck: [...state.player1Deck.slice(0, state.player1Deck.length), drawCard1, drawCard2, ...state.player1Deck.slice(state.player1Deck.length)],
currentColor: colorOfPlayedCard,
currentNumber: 252,
drawCardPile: [...copiedDrawCardPileArray]
}
}
}
if(state.currentNumber === 252) {
console.log('colors matched!');
if(cardPlayedBy === 'Player 1') {
const removeIndex = state.player1Deck.indexOf(action.payload.cardPlayed)
const copiedDrawCardPileArray = [...state.drawCardPile]
//pull out last two elements from it
const drawCard1 = copiedDrawCardPileArray.pop()
const drawCard2 = copiedDrawCardPileArray.pop()
return {
...state,
playedCardsPile: [...state.playedCardsPile.slice(0, state.playedCardsPile.length), action.payload.cardPlayed, ...state.playedCardsPile.slice(state.playedCardsPile.length)],
player1Deck: [...state.player1Deck.slice(0, removeIndex), ...state.player1Deck.slice(removeIndex + 1)],
player2Deck: [...state.player2Deck.slice(0, state.player2Deck.length), drawCard1, drawCard2, ...state.player2Deck.slice(state.player2Deck.length)],
currentColor: colorOfPlayedCard,
currentNumber: 252,
drawCardPile: [...copiedDrawCardPileArray]
}
}
else {
const removeIndex = state.player2Deck.indexOf(action.payload.cardPlayed)
const copiedDrawCardPileArray = [...state.drawCardPile]
//pull out last two elements from it
const drawCard1 = copiedDrawCardPileArray.pop()
const drawCard2 = copiedDrawCardPileArray.pop()
return {
...state,
playedCardsPile: [...state.playedCardsPile.slice(0, state.playedCardsPile.length), action.payload.cardPlayed, ...state.playedCardsPile.slice(state.playedCardsPile.length)],
player2Deck: [...state.player2Deck.slice(0, removeIndex), ...state.player2Deck.slice(removeIndex + 1)],
player1Deck: [...state.player1Deck.slice(0, state.player1Deck.length), drawCard1, drawCard2, ...state.player1Deck.slice(state.player1Deck.length)],
currentColor: colorOfPlayedCard,
currentNumber: 252,
drawCardPile: [...copiedDrawCardPileArray]
}
}
}
else {
alert('Invalid Move!')
}
break;
}
} }
} }