pb/skyjo-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

see card cache of other players

Browse source
This commit is contained in:
pb-coding 2023-09-23 20:17:35 +02:00
parent ea36f92fde
commit 93f207cf12
2 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/CardCache.tsx
View file

@ -1,15 +1,15 @@
import { FC, useEffect, useState } from "react"; import { FC, useEffect, useState } from "react";
import { Vector3, Object3D } from "three"; import { Vector3, Object3D } from "three";
import { socket } from "../socket";
import { createCard } from "../objects/cards"; import { createCard } from "../objects/cards";
import { Player } from "../types/gameTypes"; import { Player } from "../types/gameTypes";
type CardCacheProps = { type CardCacheProps = {
playersData: Player[]; playerData: Player;
position: Vector3;
}; };
const CardCache: FC<CardCacheProps> = ({ playersData }) => { const CardCache: FC<CardCacheProps> = ({ playerData, position }) => {
const [cardCacheCard, setCardCacheCard] = useState<Object3D | null>(null); const [cardCacheCard, setCardCacheCard] = useState<Object3D | null>(null);
const updateCardCache = (playerData: Player) => { const updateCardCache = (playerData: Player) => {
@ -18,21 +18,14 @@ const CardCache: FC<CardCacheProps> = ({ playersData }) => {
return; return;
} }
const showFaceUp = true; const showFaceUp = true;
const card = createCard( const card = createCard(playerData.cardCache, position, showFaceUp);
playerData.cardCache,
new Vector3(9, 20, 4),
showFaceUp
);
setCardCacheCard(card); setCardCacheCard(card);
}; };
useEffect(() => { useEffect(() => {
const playerData = playersData.find(
(player) => player.socketId === socket.id
);
if (!playerData) return; if (!playerData) return;
updateCardCache(playerData); updateCardCache(playerData);
}, [playersData]); }, [playerData]);
if (!cardCacheCard) return null; if (!cardCacheCard) return null;

8
src/components/PlayerCards.tsx
View file

@ -5,6 +5,7 @@ import { Vector3 } from "three";
import { createPlayerCards } from "../objects/cards"; import { createPlayerCards } from "../objects/cards";
import PlayerCard from "./PlayerCard"; import PlayerCard from "./PlayerCard";
import { PlayerWithVisualCards, Player } from "../types/gameTypes"; import { PlayerWithVisualCards, Player } from "../types/gameTypes";
import CardCache from "./CardCache";
type PlayerCardsProps = { type PlayerCardsProps = {
playersData: Player[]; playersData: Player[];
@ -64,6 +65,11 @@ const PlayerCards: FC<PlayerCardsProps> = ({ playersData }) => {
isCurrentPlayer={playerIndex === 0} isCurrentPlayer={playerIndex === 0}
/> />
))} ))}
<CardCache
playerData={playerWithCards.player}
// current player is always at index 0
position={new Vector3(9, 20, 4 - playerIndex * 12)}
/>
</> </>
))} ))}
</> </>
@ -71,3 +77,5 @@ const PlayerCards: FC<PlayerCardsProps> = ({ playersData }) => {
}; };
export default PlayerCards; export default PlayerCards;
// ich (0) --> 4
// andere (1) --> -8