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

Parameterize info text

Browse source
This commit is contained in:
goat 2021-05-26 23:16:46 +02:00
parent 6707ca89a7
commit 8eb5666fd9
No known key found for this signature in database
GPG key ID: F18F057873895461
1 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
create-card.js
View file

@ -76,6 +76,13 @@ const fcCrestScale = 38;
const fcCrestY = rectStartRow3Y + 162; const fcCrestY = rectStartRow3Y + 162;
const fcCrestX = 800; const fcCrestX = 800;
const infoTextStartSpacing = 22;
const infoTextSmallStartY = rectStartRow3Y + infoTextStartSpacing;
const infoTextBigStartY = infoTextSmallStartY + 25;
const infoTextSpacing = 50;
console.log("infoTextStartY: " + infoTextSmallStartY);
class CardCreator { class CardCreator {
constructor() { constructor() {
this.isInit = false; this.isInit = false;
@ -223,14 +230,15 @@ class CardCreator {
// Race, Clan, Guardian, GC, FC Titles // Race, Clan, Guardian, GC, FC Titles
ctx.font = small; ctx.font = small;
ctx.textAlign = "left"; ctx.textAlign = "left";
ctx.fillText("Race & Clan", 480, 205); ctx.fillText("Race & Clan", 480, infoTextSmallStartY);
ctx.fillText("Guardian", 480, 255); ctx.fillText("Guardian", 480, infoTextSmallStartY + infoTextSpacing);
if (data.Character.GrandCompany.Company != null) { if (data.Character.GrandCompany.Company != null) {
ctx.fillText("Grand Company", 480, 305); ctx.fillText("Grand Company", 480, infoTextSmallStartY + infoTextSpacing * 2);
} }
if (data.Character.FreeCompanyName != null) { if (data.Character.FreeCompanyName != null) {
ctx.fillText("Free Company", 480, 355); ctx.fillText("Free Company", 480, infoTextSmallStartY + infoTextSpacing * 3);
} }
ctx.fillStyle = white; ctx.fillStyle = white;
ctx.font = large; ctx.font = large;
ctx.textAlign = "center"; ctx.textAlign = "center";
@ -243,14 +251,14 @@ class CardCreator {
// Race, Clan, Guardian, GC, FC Info // Race, Clan, Guardian, GC, FC Info
ctx.font = smed; ctx.font = smed;
ctx.textAlign = "left"; ctx.textAlign = "left";
ctx.fillText(`${data.Character.Race.Name}, ${data.Character.Tribe.Name}`, 480, 230); ctx.fillText(`${data.Character.Race.Name}, ${data.Character.Tribe.Name}`, 480, infoTextBigStartY);
ctx.fillText(data.Character.GuardianDeity.Name, 480, 280); ctx.fillText(data.Character.GuardianDeity.Name, 480, infoTextBigStartY + infoTextSpacing);
var deityIcon = await loadImage('https://xivapi.com/' + data.Character.GuardianDeity.Icon); var deityIcon = await loadImage('https://xivapi.com/' + data.Character.GuardianDeity.Icon);
ctx.drawImage(deityIcon, deityIconX, deityIconY, 28, 28); ctx.drawImage(deityIcon, deityIconX, deityIconY, 28, 28);
if (data.Character.GrandCompany.Company != null) { if (data.Character.GrandCompany.Company != null) {
ctx.fillText(data.Character.GrandCompany.Company.Name, 480, 330); ctx.fillText(data.Character.GrandCompany.Company.Name, 480, infoTextBigStartY + infoTextSpacing * 2);
var gcRankIcon = await loadImage('https://xivapi.com/' + data.Character.GrandCompany.Rank.Icon); var gcRankIcon = await loadImage('https://xivapi.com/' + data.Character.GrandCompany.Rank.Icon);
ctx.drawImage(gcRankIcon, gcRankIconX, gcRankIconY, 40, 40); ctx.drawImage(gcRankIcon, gcRankIconX, gcRankIconY, 40, 40);
@ -259,7 +267,7 @@ class CardCreator {
var crestImage = await this.createCrest(data.FreeCompany.Crest); var crestImage = await this.createCrest(data.FreeCompany.Crest);
ctx.drawImage(crestImage, fcCrestX, fcCrestY, fcCrestScale, fcCrestScale); ctx.drawImage(crestImage, fcCrestX, fcCrestY, fcCrestScale, fcCrestScale);
ctx.fillText(data.Character.FreeCompanyName, 480, 380); ctx.fillText(data.Character.FreeCompanyName, 480, infoTextBigStartY + infoTextSpacing * 3);
} }
// Minion & Mount percentages // Minion & Mount percentages