minie4/HexDeck
1
0
Fork 0
mirror of https://github.com/HexCardGames/HexDeck.git synced 2025-09-08 04:18:39 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(frontend): implement changing the active card deck

Browse Source
This commit is contained in:
minie4
2025-03-28 00:32:03 +01:00
parent 6349d5055f
commit 0d3b42193f
9 changed files with 158 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/components/CardDeckShowcase.svelte Normal file
View File

@ -0,0 +1,29 @@
<script lang="ts">
import CardDisplay from "./Game/CardDisplay.svelte";
export let cardComponent;
export let cardDeckId: number;
export let cardWidth: number;
export let cardHeight: number;
export let centerDistancePx: number;
export let maxRotationDeg: number;
const SHOWCASED_CARDS: any = {
0: [
{ CanPlay: true, Card: { Symbol: "1", Color: "red" } },
{ CanPlay: true, Card: { Symbol: "9", Color: "green" } },
{ CanPlay: true, Card: { Symbol: "action:draw_2", Color: "blue" } },
{ CanPlay: true, Card: { Symbol: "action:skip", Color: "yellow" } },
{ CanPlay: true, Card: { Symbol: "action:draw_4", Color: "black" } },
],
1: [
{ CanPlay: true, Card: { Symbol: "1", Color: "blue" } },
{ CanPlay: true, Card: { Symbol: "F", Color: "green" } },
{ CanPlay: true, Card: { Symbol: "action:shuffle", Color: "yellow" } },
{ CanPlay: true, Card: { Symbol: "action:skip", Color: "purple" } },
{ CanPlay: true, Card: { Symbol: "action:draw", Color: "rainbow" } },
],
};
</script>
<CardDisplay canPlayCards={true} canUpdateCards={false} {cardComponent} cards={SHOWCASED_CARDS[cardDeckId]} {cardWidth} {cardHeight} {centerDistancePx} {maxRotationDeg} />