borderless

This commit is contained in:
Kyle
2018-11-18 16:06:35 -08:00
parent 71408c2ea4
commit 7b71a1911b
5 changed files with 12 additions and 5 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 240 KiB

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
data/borders/old.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

View File

@@ -244,7 +244,9 @@ function createBorder() {
//These if else statements check to see whether or not to draw different parts of the card, like the legendary border or rare stamp, and draws them in the appropriate order so that when multiple border colors are used the gradients overlap correctly //These if else statements check to see whether or not to draw different parts of the card, like the legendary border or rare stamp, and draws them in the appropriate order so that when multiple border colors are used the gradients overlap correctly
//BACKGROUND COLOR //BACKGROUND COLOR
border.clearRect(0, 0, cardWidth, cardHeight) border.clearRect(0, 0, cardWidth, cardHeight)
if (document.getElementById("checkboxBorderless").checked == false) {
drawMask(document.getElementById("inputColor").value, 0, 0, cardWidth, cardHeight, border, imgArtMask, false, false) drawMask(document.getElementById("inputColor").value, 0, 0, cardWidth, cardHeight, border, imgArtMask, false, false)
}
//MAIN CARD FRAME //MAIN CARD FRAME
drawMask(imgBorderColor, 0, 0, cardWidth, cardHeight, border, imgFrameMask, false, false) drawMask(imgBorderColor, 0, 0, cardWidth, cardHeight, border, imgFrameMask, false, false)
if (secondColor == true && secondBorder == true) { if (secondColor == true && secondBorder == true) {

View File

@@ -139,22 +139,27 @@
<div>Flipped (Darker)</div> <div>Flipped (Darker)</div>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="checkboxSilverBorder" onchange="updateBorder()" /> <input type="checkbox" id="checkboxSilverBorder" onchange="createBorder()" />
<label for="checkboxSilverBorder" /> <label for="checkboxSilverBorder" />
<div>Silver Border</div> <div>Silver Border</div>
</div> </div>
<input type="color" id="inputColor" onchange="updateBorder()"> Border Color</input> <input type="color" id="inputColor" onchange="createBorder()"> Border Color</input>
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="checkboxFoil" /> <input type="checkbox" id="checkboxFoil" />
<label for="checkboxFoil" /> <label for="checkboxFoil" />
<div>Foil</div> <div>Foil</div>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="checkboxIdentity" onchange="updateBorder()" /> <input type="checkbox" id="checkboxIdentity" onchange="createBorder()" />
<label for="checkboxIdentity" /> <label for="checkboxIdentity" />
<div>Color Identity</div> <div>Color Identity</div>
</div> </div>
<input id="inputIdentity" type="text" class="input" onchange="updateBorder()"></input> <input id="inputIdentity" type="text" class="input" onchange="createBorder()"></input>
<div class="checkbox">
<input type="checkbox" id="checkboxBorderless" onchange="createBorder()" />
<label for="checkboxBorderless" />
<div>Borderless</div>
</div>
</div> </div>
<div class="cmm" id="cmm-general"> <div class="cmm" id="cmm-general">
Name Name