Jeu
Pour démontrer un jeu, les cartes doivent souvent être rendues visibles pour les joueureuses. Les motifs suivant expliquent comment réaliser certains jeux communs.
Pile
La pile est un ensemble de cartes dont la face est visible. Selon le jeu, différentes configurations sont possibles.
Q Q
Q Q
6 6
6 6
9 9
8 8
1pile.map((card, key) => {
2 return (
3 <Card
4 position="absolute"
5 transform={`translateX(${rotate.intBetween(
6 0,
7 20
8 )}px) rotate(${rotate.intBetween(-30, 30)}deg)`}
9 >
10 <CardFace a={card} />
11 </Card>
12 );
13});Levée
La levée est un peu moins chaotique. Souvent, une seule carte est jouée par chaque joueureuse. Il est également important de savoir qui à joué une carte. On peut alors combiner un Avatar à chaque Carte pour faciliter le jeu.
K K
Q Q
6 6
3 3
1levee.map((card, key) => {
2 return (
3 <Card
4 transform={`translateX(${rotate.intBetween(
5 0,
6 20
7 )}px) rotate(${rotate.intBetween(-30, 30)}deg)`}
8 >
9 <Box position="relative">
10 <CardFace
11 a={card}
12 boxShadow={`0 0 0 3px ${playerColor(key, 4)[300]}`}
13 />
14 <Pastille
15 position="absolute"
16 left="50%"
17 transform="translateX(-50%)"
18 size={6}
19 border="1px"
20 borderColor="blackAlpha.500"
21 top={-3}
22 >
23 <Avatar name={card} />
24 </Pastille>
25 </Box>
26 </Card>
27 );
28});