mirror of
https://github.com/mizanxali/uno-online
synced 2024-11-22 10:44:53 +00:00
Added logic for playing draw 2 cards
This commit is contained in:
parent
c90e7db7dd
commit
663e979e31
@ -32,6 +32,7 @@ const Game = (props) => {
|
|||||||
</span>
|
</span>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
<a href='/'>home</a>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user