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

add vp symbols

Browse Source
This commit is contained in:
Dylan Pizzo
2025-01-07 08:10:47 -08:00
parent 6213eda240
commit 3adf3bf76d
4 changed files with 94 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
src/dominiontext.ts
View File

@@ -5,9 +5,12 @@ export type Piece =
| { type: "text"; text: string; isBold?: boolean; isItalic?: boolean }
| { type: "space" }
| { type: "break" }
| { type: "coin"; text: string }
| { type: "debt"; text: string }
| { type: "potion"; text: string };
| {
type: "symbol";
symbol: "coin" | "debt" | "potion" | "vp" | "vp-token";
text: string;
textColor: string;
};
type PromiseOr<T> = T | Promise<T>;
@@ -124,14 +127,14 @@ const breakPiece = pieceDef({
render() {},
});
const coinPiece = pieceDef({
type: "coin",
measure(context, _piece) {
const symbolPiece = pieceDef({
type: "symbol",
measure(context, piece) {
context.save();
const metrics = context.measureText(" ");
const height =
metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
const coinImage = getImage("coin");
const coinImage = getImage(piece.symbol);
context.restore();
return {
type: "content",
@@ -146,7 +149,7 @@ const coinPiece = pieceDef({
const height = measure.ascent + measure.descent;
// context.fillRect(x, y - measure.ascent, measure.width, height);
context.drawImage(
getImage("coin"),
getImage(piece.symbol),
x,
y - measure.ascent,
measure.width,
@@ -158,103 +161,14 @@ const coinPiece = pieceDef({
fontInfo.size = parseInt(fontInfo.size.toString()) * 1.2;
const font = stringifyFont(fontInfo);
context.font = font;
context.fillStyle = "black";
context.fillStyle = piece.textColor;
context.textAlign = "center";
context.fillText(piece.text, x + measure.width / 2, y);
context.restore();
},
});
const debtPiece = pieceDef({
type: "debt",
measure(context, _piece) {
context.save();
const metrics = context.measureText(" ");
const height =
metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
const coinImage = getImage("debt");
context.restore();
return {
type: "content",
width: coinImage.width * (height / coinImage.height),
ascent: metrics.fontBoundingBoxAscent,
descent: metrics.fontBoundingBoxDescent,
};
},
render(context, piece, x, y, measure) {
context.save();
// context.fillStyle = "yellow";
const height = measure.ascent + measure.descent;
// context.fillRect(x, y - measure.ascent, measure.width, height);
context.drawImage(
getImage("debt"),
x,
y - measure.ascent,
measure.width,
height
);
const fontInfo = parseFont(context.font);
fontInfo.family = ["DominionSpecial"];
fontInfo.weight = "bold";
fontInfo.size = parseInt(fontInfo.size.toString()) * 1.2;
const font = stringifyFont(fontInfo);
context.font = font;
context.fillStyle = "white";
context.textAlign = "center";
context.fillText(piece.text, x + measure.width / 2, y);
context.restore();
},
});
const potionPiece = pieceDef({
type: "potion",
measure(context, _piece) {
context.save();
const metrics = context.measureText(" ");
const height =
metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent;
const coinImage = getImage("potion");
context.restore();
return {
type: "content",
width: coinImage.width * (height / coinImage.height),
ascent: metrics.fontBoundingBoxAscent,
descent: metrics.fontBoundingBoxDescent,
};
},
render(context, piece, x, y, measure) {
context.save();
// context.fillStyle = "yellow";
const height = measure.ascent + measure.descent;
// context.fillRect(x, y - measure.ascent, measure.width, height);
context.drawImage(
getImage("potion"),
x,
y - measure.ascent,
measure.width,
height
);
const fontInfo = parseFont(context.font);
fontInfo.family = ["DominionSpecial"];
fontInfo.weight = "bold";
fontInfo.size = parseInt(fontInfo.size.toString()) * 1.2;
const font = stringifyFont(fontInfo);
context.font = font;
context.fillStyle = "white";
context.textAlign = "center";
context.fillText(piece.text, x + measure.width / 2, y);
context.restore();
},
});
const pieceDefs = [
textPiece,
spacePiece,
breakPiece,
coinPiece,
debtPiece,
potionPiece,
];
const pieceDefs = [textPiece, spacePiece, breakPiece, symbolPiece];
const tools: PieceTools = {} as any;
@@ -406,23 +320,28 @@ export const renderDominionText = async (
export const parse = (text: string): Piece[] => {
const pieces: Piece[] = [];
const symbolMap = {
"$": { symbol: "coin", textColor: "black" },
"@": { symbol: "debt", textColor: "white" },
"^": { symbol: "potion", textColor: "white" },
"%": { symbol: "vp", textColor: "white" },
"#": { symbol: "vp-token", textColor: "black" },
} as const;
for (let i = 0; i < text.length; i++) {
const char = text[i];
if (char === " ") {
pieces.push({ type: "space" });
} else if (char === "\n") {
pieces.push({ type: "break" });
} else if (char === "$") {
const end = text.slice(i).match(/\$\d*/)![0].length;
pieces.push({ type: "coin", text: text.slice(i + 1, i + end) });
i += end - 1;
} else if (char === "@") {
const end = text.slice(i).match(/@\d*/)![0].length;
pieces.push({ type: "debt", text: text.slice(i + 1, i + end) });
i += end - 1;
} else if (char === "^") {
const end = text.slice(i).match(/\^\d*/)![0].length;
pieces.push({ type: "potion", text: text.slice(i + 1, i + end) });
} else if (char && char in symbolMap) {
const c = char as keyof typeof symbolMap;
const end = text.slice(i).match(new RegExp(`\\${c}\\w*`))![0]
.length;
pieces.push({
type: "symbol",
...symbolMap[c],
text: text.slice(i + 1, i + end),
});
i += end - 1;
} else if (char === "+") {
const match = text.slice(i).match(/\+\d* \w+/);