GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

class cards

Browse Source
This commit is contained in:
Kyle
2021-07-10 16:49:25 -07:00
parent 70979fa63e
commit 3b4e023f27
31 changed files with 186 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
js/frames/versionClass.js Normal file
View File

@@ -0,0 +1,94 @@
//checks to see if it needs to run
if (!loadedVersions.includes('/js/frames/versionClass.js')) {
loadedVersions.push('/js/frames/versionClass.js');
sizeCanvas('class');
document.querySelector('#creator-menu-tabs').innerHTML += '<h3 class="selectable readable-background" onclick="toggleCreatorTabs(event, `class`)">Class</h3>';
var newHTML = document.createElement('div');
newHTML.id = 'creator-menu-class';
newHTML.classList.add('hidden');
newHTML.innerHTML = `
<div class='readable-background padding'>
<h5 class='padding margin-bottom input-description'>Adjust the height of each Class level</h5>
<h5 class='padding margin-bottom input-description'>First Level:</h5>
<div class='padding input-grid margin-bottom'>
<input id='class-height-0' type='number' class='input' oninput='classEdited();' min='0'>
</div>
<h5 class='padding margin-bottom input-description'>Second Level:</h5>
<div class='padding input-grid margin-bottom'>
<input id='class-height-1' type='number' class='input' oninput='classEdited();' min='0'>
</div>
<h5 class='padding margin-bottom input-description'>Third Level:</h5>
<div class='padding input-grid margin-bottom'>
<input id='class-height-2' type='number' class='input' oninput='classEdited();' min='0'>
</div>
<h5 class='padding margin-bottom input-description'>Fourth Level:</h5>
<div class='padding input-grid margin-bottom'>
<input id='class-height-3' type='number' class='input' oninput='classEdited();' min='0'>
</div>
</div>`;
if (!card.class) {
card.class = {x:0.5014 , width:0.422, count:0}
}
document.querySelector('#creator-menu-sections').appendChild(newHTML);
var classHeader = new Image();
classHeader.src = '/img/frames/class/header.png';
classHeader.onload = classEdited;
fixClassInputs(classEdited);
} else {
fixClassInputs(classEdited);
}
function classEdited() {
//gather data
card.class.count = 0;
var lastY = card.text.level0c.y;
for (var i = 0; i < 4; i ++) {
var height = parseFloat((parseInt(document.querySelector('#class-height-' + i).value) / card.height).toFixed(4));
card.text['level' + i + 'c'].height = height || 1;
if (i > 0) {
if (height > 0) {
card.class.count ++;
card.text['level' + i + 'a'].y = lastY - 0.0361;
card.text['level' + i + 'b'].y = lastY - 0.0361;
card.text['level' + i + 'c'].y = lastY;
} else {
card.text['level' + i + 'a'].y = 2;
card.text['level' + i + 'b'].y = 2;
card.text['level' + i + 'c'].y = 2;
}
} else {
card.text['level0c'].height;
}
lastY += height + 0.0481;
}
//draw to class canvas
classContext.clearRect(0, 0, classCanvas.width, classCanvas.height);
for (var i = 1; i <= card.class.count; i ++) {
if (i == card.class.count) {
finalHeight = 0.8368 - card.text['level' + i + 'c'].y;
if (finalHeight <= 0) {
finalHeight = 0.05;
}
card.text['level' + i + 'c'].height = finalHeight;
}
var x = scaleX(card.class.x);
var y = scaleY(card.text['level' + i + 'c'].y);
var width = scaleWidth(card.class.width);
var height = scaleHeight(card.text['level' + i + 'c'].height);
if (classHeader.complete) {
classContext.drawImage(classHeader, x, y - scaleHeight(0.0481), width, scaleHeight(0.0481));
}
}
drawTextBuffer();
drawCard();
}
function fixClassInputs(callback) {
document.querySelector('#class-height-0').value = scaleHeight(card.text.level0c.height);
document.querySelector('#class-height-1').value = scaleHeight(card.text.level1c.height);
document.querySelector('#class-height-2').value = scaleHeight(card.text.level2c.height);
document.querySelector('#class-height-3').value = scaleHeight(card.text.level3c.height);
if (callback) {
callback();
}
}