mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-27 05:14:53 -05:00
borderless
This commit is contained in:
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
BIN
data/borders/old.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 240 KiB |
@@ -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)
|
||||||
drawMask(document.getElementById("inputColor").value, 0, 0, cardWidth, cardHeight, border, imgArtMask, false, false)
|
if (document.getElementById("checkboxBorderless").checked == 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) {
|
||||||
|
13
index.html
13
index.html
@@ -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
|
||||||
|
Reference in New Issue
Block a user