diff --git a/client/src/Board.js b/client/src/Board.js index 4aac5e6..8511054 100644 --- a/client/src/Board.js +++ b/client/src/Board.js @@ -41,6 +41,7 @@ const Board = () => { const [ pipOrder, setPipOrder ] = useState(); const [ borders, setBorders ] = useState(); const [ borderOrder, setBorderOrder ] = useState(); + const [animationSeeds, setAnimationSeeds] = useState(); const [ tiles, setTiles ] = useState(); const [ tileOrder, setTileOrder ] = useState([]); const [ placements, setPlacements ] = useState(undefined); @@ -53,7 +54,7 @@ const Board = () => { 'signature', 'robber', 'robberName', 'pips', 'pipOrder', 'borders', 'borderOrder', 'tiles', 'tileOrder', 'placements', 'turn', 'state', 'color', 'longestRoadLength', - 'rules' + 'rules', 'animationSeeds' ], []); console.log(`board - ws`, ws); @@ -118,6 +119,10 @@ const Board = () => { setBorderOrder(data.update.borderOrder); } + if ('animationSeeds' in data.update && !equal(data.update.animationSeeds, animationSeeds)) { + console.log(`board - setting new animationSeeds`); + setAnimationSeeds(data.update.animationSeeds); + } if ('tileOrder' in data.update && !equal(data.update.tileOrder, tileOrder)) { console.log(`board - setting new tileOrder`); setTileOrder(data.update.tileOrder); @@ -501,7 +506,7 @@ const Board = () => { >
; }; - const generateTiles = function (tileOrder) { + const generateTiles = function (tileOrder, animationSeeds) { let row = 0, rowCount = 0; let y = tileHalfWidth - (rows.length - 1) * 0.5 * tileWidth, x = -(rows[row] - 1) * 0.5 * tileHeight; @@ -531,7 +536,7 @@ const Board = () => { if (tile.type === 'wheat') { div =