aly/XIV-Character-Cards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

merge into: aly:master
Branches Tags
aly:master
aly:gh-pages
aly:better-ilvl-calc
aly:feet
...
pull from: aly:feet
Branches Tags
aly:master
aly:gh-pages
aly:better-ilvl-calc
aly:feet

1 commit
master ... feet

Author SHA1 Message Date
goat
21f0f0a7dc
feet poc 2021-05-27 01:36:06 +02:00
1 changed files with 20 additions and 11 deletions
Show stats Expand all files Collapse all files

31
create-card.js
View file

@ -54,11 +54,6 @@ const jobsRowText2Y = jobsRowIcon2Y + 45;
const jobsRowIcon3Y = jobsRowText2Y + jobsRowSpacing; const jobsRowIcon3Y = jobsRowText2Y + jobsRowSpacing;
const jobsRowText3Y = jobsRowIcon3Y + 45; const jobsRowText3Y = jobsRowIcon3Y + 45;
const textTitleY = rectStartRow1Y + 34;
const textServerY = rectStartRow1Y + 104;
const textNameNoTitleY = rectStartRow1Y + 59;
const textNameTitleY = rectStartRow1Y + 79;
const textMountMinionY = rectStartRow2Y + 28; const textMountMinionY = rectStartRow2Y + 28;
const iconMountMinionY = rectStartRow2Y + 5; const iconMountMinionY = rectStartRow2Y + 5;
@ -77,6 +72,16 @@ const infoTextSmallStartY = rectStartRow3Y + infoTextStartSpacing;
const infoTextBigStartY = infoTextSmallStartY + 25; const infoTextBigStartY = infoTextSmallStartY + 25;
const infoTextSpacing = 50; const infoTextSpacing = 50;
const portraitWidth = 441;
const footRectHeight = 120;
const footRectStartY = 600 - footRectHeight;
const footTextCenterX = portraitWidth / 2;
const textTitleY = footRectStartY + 34;
const textServerY = footRectStartY + 104;
const textNameNoTitleY = footRectStartY + 59;
const textNameTitleY = footRectStartY + 79;
class CardCreator { class CardCreator {
constructor() { constructor() {
this.isInit = false; this.isInit = false;
@ -199,12 +204,16 @@ class CardCreator {
ctx.drawImage(this.bgImage, 0, 0, 900, 600); ctx.drawImage(this.bgImage, 0, 0, 900, 600);
ctx.drawImage(portrait, 0, 0, 441, 600); ctx.drawImage(portrait, 0, 0, portraitWidth, 600);
ctx.strokeStyle = white; ctx.strokeStyle = white;
ctx.fillStyle = black; ctx.fillStyle = black;
ctx.beginPath(); ctx.beginPath();
ctx.fillRect(rectStartX, rectStartRow1Y, rectFullWidth, rectHeightRow1);
//ctx.fillRect(0, 890 - 120, 100, 120/*120*/);
ctx.fillRect(0, footRectStartY, portraitWidth, footRectHeight);
//ctx.fillRect(rectStartX, rectStartRow1Y, rectFullWidth, rectHeightRow1);
ctx.fillRect(rectStartX, rectStartRow2Y, rectHalfWidth, rectHeightRow2); ctx.fillRect(rectStartX, rectStartRow2Y, rectHalfWidth, rectHeightRow2);
ctx.fillRect(rectStartXHalf, rectStartRow2Y, rectHalfWidth, rectHeightRow2); ctx.fillRect(rectStartXHalf, rectStartRow2Y, rectHalfWidth, rectHeightRow2);
@ -216,9 +225,9 @@ class CardCreator {
ctx.textAlign = "center"; ctx.textAlign = "center";
ctx.font = med; ctx.font = med;
ctx.fillStyle = primary; ctx.fillStyle = primary;
ctx.fillText(data.Character.Title.Name, 665, textTitleY); ctx.fillText(data.Character.Title.Name, footTextCenterX, textTitleY);
ctx.font = small; ctx.font = small;
ctx.fillText(`${data.Character.Server} (${data.Character.DC})`, 665, textServerY); ctx.fillText(`${data.Character.Server} (${data.Character.DC})`, footTextCenterX, textServerY);
// Race, Clan, Guardian, GC, FC Titles // Race, Clan, Guardian, GC, FC Titles
@ -238,9 +247,9 @@ class CardCreator {
ctx.textAlign = "center"; ctx.textAlign = "center";
// Chara Name // Chara Name
if (data.Character.Title.Name == null || data.Character.Title.Name == "") { if (data.Character.Title.Name == null || data.Character.Title.Name == "") {
ctx.fillText(data.Character.Name, 665, textNameNoTitleY); ctx.fillText(data.Character.Name, footTextCenterX, textNameNoTitleY);
} else { } else {
ctx.fillText(data.Character.Name, 665, textNameTitleY); ctx.fillText(data.Character.Name, footTextCenterX, textNameTitleY);
} }
// Race, Clan, Guardian, GC, FC Info // Race, Clan, Guardian, GC, FC Info
ctx.font = smed; ctx.font = smed;