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

Rename some consts to make more sense

Browse source
This commit is contained in:
goat 2021-05-26 22:34:45 +02:00
parent b120d1329a
commit 7e86059465
No known key found for this signature in database
GPG key ID: F18F057873895461
1 changed files with 16 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
create-card.js
View file

@ -34,22 +34,23 @@ const rectHeightRow3 = 210; // Info
const rectHeightRow4 = 175; // Jobs const rectHeightRow4 = 175; // Jobs
const rectSpacing = 8; const rectSpacing = 8;
const rectHalfWidthSpacing = 10;
const rectFullWidth = 400; const rectFullWidth = 400;
const rectHalfWidth = (rectFullWidth / 2) - 5; const rectHalfWidth = (rectFullWidth / 2) - (rectHalfWidthSpacing / 2);
const rectStartX = 464; const rectStartX = 464;
const rectStartXHalf = rectStartX + rectHalfWidth + 10; const rectStartXHalf = rectStartX + rectHalfWidth + rectHalfWidthSpacing;
const rectStartRow1 = 7; const rectStartRow1Y = 7;
const rectStartRow2 = rectStartRow1 + rectHeightRow1 + rectSpacing; const rectStartRow2Y = rectStartRow1Y + rectHeightRow1 + rectSpacing;
const rectStartRow3 = rectStartRow2 + rectHeightRow2 + rectSpacing; const rectStartRow3Y = rectStartRow2Y + rectHeightRow2 + rectSpacing;
const rectStartRow4 = rectStartRow3 + rectHeightRow3 + rectSpacing; const rectStartRow4Y = rectStartRow3Y + rectHeightRow3 + rectSpacing;
const jobsStartSpacing = 10; const jobsStartSpacing = 10;
const jobsRowSpacing = 8; const jobsRowSpacing = 8;
const jobsRowIcon1Y = rectStartRow4 + jobsStartSpacing; const jobsRowIcon1Y = rectStartRow4Y + jobsStartSpacing;
const jobsRowText1Y = jobsRowIcon1Y + 45; const jobsRowText1Y = jobsRowIcon1Y + 45;
const jobsRowIcon2Y = jobsRowText1Y + jobsRowSpacing; const jobsRowIcon2Y = jobsRowText1Y + jobsRowSpacing;
@ -58,9 +59,9 @@ const jobsRowText2Y = jobsRowIcon2Y + 45;
const jobsRowIcon3Y = jobsRowText2Y + jobsRowSpacing; const jobsRowIcon3Y = jobsRowText2Y + jobsRowSpacing;
const jobsRowText3Y = jobsRowIcon3Y + 45; const jobsRowText3Y = jobsRowIcon3Y + 45;
console.log("rectStartRow2: " + rectStartRow2); console.log("rectStartRow2: " + rectStartRow2Y);
console.log("rectStartRow3: " + rectStartRow3); console.log("rectStartRow3: " + rectStartRow3Y);
console.log("rectStartRow4: " + rectStartRow4); console.log("rectStartRow4: " + rectStartRow4Y);
class CardCreator { class CardCreator {
constructor() { constructor() {
@ -189,13 +190,13 @@ class CardCreator {
ctx.strokeStyle = white; ctx.strokeStyle = white;
ctx.fillStyle = black; ctx.fillStyle = black;
ctx.beginPath(); ctx.beginPath();
ctx.fillRect(rectStartX, rectStartRow1, rectFullWidth, rectHeightRow1); ctx.fillRect(rectStartX, rectStartRow1Y, rectFullWidth, rectHeightRow1);
ctx.fillRect(rectStartX, rectStartRow2, rectHalfWidth, rectHeightRow2); ctx.fillRect(rectStartX, rectStartRow2Y, rectHalfWidth, rectHeightRow2);
ctx.fillRect(rectStartXHalf, rectStartRow2, rectHalfWidth, rectHeightRow2); ctx.fillRect(rectStartXHalf, rectStartRow2Y, rectHalfWidth, rectHeightRow2);
ctx.fillRect(rectStartX, rectStartRow3, rectFullWidth, rectHeightRow3); ctx.fillRect(rectStartX, rectStartRow3Y, rectFullWidth, rectHeightRow3);
ctx.fillRect(rectStartX, rectStartRow4, rectFullWidth, rectHeightRow4); ctx.fillRect(rectStartX, rectStartRow4Y, rectFullWidth, rectHeightRow4);
ctx.stroke(); ctx.stroke();
ctx.textAlign = "center"; ctx.textAlign = "center";