dylan/dominionator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add split card coloring

Browse Source
This commit is contained in:
Dylan Pizzo
2025-01-07 20:18:42 -08:00
parent ff5c543147
commit 1e90062f6d
2 changed files with 49 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/draw.ts
View File

@@ -35,6 +35,10 @@ const imageList = [
key: "card-color-1", key: "card-color-1",
src: "/static/assets/CardColorOne.png", src: "/static/assets/CardColorOne.png",
}, },
{
key: "card-color-2",
src: "/static/assets/CardColorTwo.png",
},
{ {
key: "card-brown", key: "card-brown",
src: "/static/assets/CardBrown.png", src: "/static/assets/CardBrown.png",
@@ -114,24 +118,25 @@ export const drawCard = (
} }
}; };
const getColors = (types: DominionCardType[]): { primary: string } => { const getColors = (
types: DominionCardType[]
): { primary: string; secondary: string | null } => {
const byPriority = [...types] const byPriority = [...types]
.filter((type) => type.color) .filter((type) => type.color)
.sort((a, b) => b.color!.priority - a.color!.priority); .sort((a, b) => b.color!.priority - a.color!.priority);
if (byPriority.length === 0) { const priority1 = byPriority[0]!;
return { primary: "white" }; let primary = priority1.color?.value ?? "white";
} let secondary = byPriority[1]?.color?.value ?? null;
const priority = byPriority[0]!; if (priority1 === TYPE_ACTION) {
if (priority !== TYPE_ACTION) {
return { primary: priority.color!.value };
} else {
const overriders = byPriority.filter((t) => t.color!.overridesAction); const overriders = byPriority.filter((t) => t.color!.overridesAction);
if (overriders.length) { if (overriders.length) {
return { primary: overriders[0]!.color!.value }; primary = overriders[0]!.color!.value;
} else { }
return { primary: priority.color!.value }; if (primary === secondary) {
secondary = byPriority[2]?.color?.value ?? null;
} }
} }
return { primary, secondary };
}; };
const drawStandardCard = async ( const drawStandardCard = async (
@@ -162,11 +167,29 @@ const drawStandardCard = async (
); );
} }
// Draw the card base // Draw the card base
const color = getColors(card.types).primary; // "#ffbc55"; const colors = getColors(card.types); // "#ffbc55";
context.drawImage(colorImage(getImage("card-color-1"), color), 0, 0);
if (colors.secondary) {
context.drawImage(
colorImage(getImage("card-color-1"), colors.secondary),
0,
0
);
context.drawImage(
colorImage(getImage("card-color-2"), colors.primary),
0,
0
);
} else {
context.drawImage(
colorImage(getImage("card-color-1"), colors.primary),
0,
0
);
context.drawImage(getImage("card-description-focus"), 44, 1094);
}
context.drawImage(getImage("card-gray"), 0, 0); context.drawImage(getImage("card-gray"), 0, 0);
context.drawImage(colorImage(getImage("card-brown"), "#ff9911"), 0, 0); context.drawImage(colorImage(getImage("card-brown"), "#ff9911"), 0, 0);
context.drawImage(getImage("card-description-focus"), 44, 1094);
// Draw the name // Draw the name
size = 78; size = 78;
context.font = `${size}pt DominionTitle`; context.font = `${size}pt DominionTitle`;

12
src/sampleData.ts
View File

@@ -57,4 +57,16 @@ export const sampleCards: DominionCard[] = [
cost: "$6", cost: "$6",
preview: "", preview: "",
}, },
{
orientation: "card",
title: "Nobles",
description: "Choose one: +3 Cards, or +2 Actions.\n\n\n-\n\n\n2%",
types: [TYPE_ACTION, TYPE_VICTORY],
image: "",
artist: "",
author: "",
version: "",
cost: "$6",
preview: "",
},
]; ];